DEPRECATION: The `bind-attr` helper

In ember 1.13.x and 2 beta, bind-attr is deprecated.

Any idea when this will be resolved?

[mixonic]

@hwhelchel bind-attr will be removed in Ember.js 2.0. Unfortunately it seems like there is no entry in the deprecation guide for this.

You should replace bind-attr statements with htmlbars-style attribute bindings. For example:

<div {{bind-attr data-something=someBinding}}></div>

Can be rewritten as:

<div data-something={{someBinding}}></div>

The more complex case of a class binding:

<div {{bind-attr class="isActive:active:disabled"}}></div>

Can be rewritten as:

<div class={{if isActive "active" "disabled"}}></div>

Multiple bindings can of course be used. A complex example:

<div 
  class="{{if isActive "active"}} {{unless isTall shortClassName}}"
  data-something={{if isActive (t "active") (t "disabled)}}
  ></div>

The latter above demonstrating use of a 3rd party t helper for translation. This unified style of bindings is easier for new developers to learn (though us old hands may miss bind-attr) and simpler (no special syntax for class).

[samtes]

What about concatenated classnames? How would you do it in HTMLBars?

<a {{bind-attr class="latestUser:descending latestUserOrder:ascending"}} href="#orderBy"> Latest user </a>