asp.net-mvc-4 - Ember .jsを使用してWebアプリケーションに画像を表示する方法

Question

この質問がばかげているか、ゴーグルする前に尋ねたのですが、正しい答えが得られなかった場合は、ご容赦ください。

私はEmber.jsが初めてで、アバターの写真を次のような画像ボックスに表示する必要があるという問題に悩まされています

<img src="~/Assets/Images/avatary.png" alt="avatar">

私の質問は、Ember.jsを使用して同じことを行うにはどうすればよいですか

Answer 1

イメージ ラッパーを作成して、ember ハンドル バインディングなどを追加できます。たとえば、次のようなものを作成できます。

App.AvatarImage = Ember.View.extend({
  attributeBindings: ['src', 'alt'],
  src: '~/Assets/Images/avatary.png', // note that this path will not work at all if you serve your ember app from an webserver
  alt: 'avatar',
  tagName: 'img'
});

そして、次のようにテンプレートで使用します。

{{view App.AvatarImage}}

ここで動作するjsbin

それが役に立てば幸い