Ember.js bindAttr plus plaintext

Question

How can I bind an attribute and concatenate some plaintext with it?

For example:

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

To produce:

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

Is there a way to do this without writing a new helper? I feel like I have to write a helper for every simple thing with Handlebars...

Answer 1

You can add to you model new calculated field

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

In Handlebars change to:

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

or

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