templates - 如何使 html 属性的值取决于 Ember.js 视图呈现的项目？

Question

假设我有这样的观点：

App.AnchorView = Ember.View.extend({
  tagName: 'a',
  attributeBindings: ['href']
});

和一个类定义：

App.Item = Ember.Object.extend({
  name: "Unknown Entry",
  location: ""
});

和类的一个实例：

App.Item.create({
   name: "Google",
   location: "http://www.google.com" 
});

我的模板是：

{{#view App.AnchorView}}{{name}}{{/view}}

我希望它呈现为：

<a href="http://www.google.com">Google</a>

我怎么做？

Answer 1

这是使用 bindAttr href 和 ItemsController 的超级快速方法：http: //jsfiddle.net/nLa8Z/1/有关更详细的文档，请查看http://emberjs.com/documentation/#toc_binding-element-attributes- with-bindattr

{{#each App.ItemsController}}
     <a {{bindAttr href="location"}}>{{name}}</a>
{{/each}}

App.ItemsController = Ember.ArrayController.create({
     content: [
         App.Item.create({ name: "Google", location: "http://www.google.com"})
     ]});