如何为手柄模板中的元素提供自定义ID？

Question

我正在使用ember和把手作为模板，我有一个案例，我需要为使用循环创建的元素提供自定义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中的create a computed property：

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

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