ember.js - ハンドルバーの条件付きクラス属性

Question

EmberJS/Handlebars を使用して、条件が true の場合にのみ要素にクラスを追加するにはどうすればよいですか?

<div {{#if isSearching}}class="foo"{{/if}}></div>

そのようですが、疑似コードが少なくなり、より現実的になります。

Answer 1

{{bind-attr}}ブール条件でヘルパーを使用する必要があります。これについてのガイドを読むことができます。

あなたの場合、 isSearching プロパティがコントローラーにある場合は、次のことを実行できます。

<div {{bind-attr class="isSearching:foo"}}></div>

このフィドルでコード全体を見ることができます: http://jsfiddle.net/NQKvy/240/

Answer 2

{{#if}}ヘルパーが HTML にタグを作成するため、これは機能しません。代わりにこれを行います：

<div {{bind-attr class="isSearching:foo"}}></div>