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

希望能帮助到你