asp.net-mvc-4 - 如何使用 Ember .js 在 Web 应用程序中显示图像

Question

请原谅这个问题是否太愚蠢或在我仔细观察之前问过，但我没有得到正确的答案。
我是 的新手Ember.js 我遇到了一个问题，我需要在图像框中显示我的头像图片

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

我的问题是如何使用 Ember.js 做同样的事情

Answer 1

您可以创建一个图像包装器来为您提供 ember 句柄绑定(bind)等。
例如，您可以创建如下内容:

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

希望能帮助到你