如何使用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

希望有所帮助