Ember.js bindAttr 加明文

Question

如何绑定(bind)属性并将一些明文与它连接起来？

例如:

<span {{bindAttr title="updates 'revisions'"}}>{{updates}} revisions</span>

生产:

<span title="4 revisions">4 revisions</span>

有没有办法在不编写新助手的情况下做到这一点？我觉得我必须用 Handlebars 为每件简单的事情编写一个助手......

Answer 1

您可以向模型中添加新的计算字段

App.Revisions = Em.Object.extend({
   updates:5,
   updatesTitle:function(){
     return this.get('updates') + ' revisions';
   }.property('updates'),
});

在 Handlebars 中更改为:

<span {{bindAttr title="updatesTitle"}}>{{updates}} revisions</span>

或者

<span {{bindAttr title="updatesTitle"}}>{{updatesTitle}}</span>