ember.js - 如何为车把模板中的元素提供自定义 ID？

Question

我正在使用 ember 和 handlebars 作为模板，我有一个案例需要为使用循环创建的元素提供自定义 ID。就像是：

{{#each item in list}}
    <li {{bindAttr id="item.id"+item.name}}>item.text</li>
{{/each}}

我希望我的 id 是字符串 id 和 name 的总和。例如，如果

id = 3 and name = summary 

那么它应该呈现为

<li id="3summary">Summary</li>

Answer 1

您不能像这样在 Handlebars 中连接，相反，您需要创建一个 Handlebars 助手来执行此操作，或者在以下位置创建一个计算属性Ember.Object：

App.MyModel = Ember.Object.extend({
    idName: function() {
        return '%@%@'.fmt(this.get('id'), this.get('name').toLowerCase());
    }.property('id', 'name')
});

请参阅 JSFiddle 以获取工作示例：http: //jsfiddle.net/u4th3/