web-dev-qa-db-ja.com

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

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

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

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

ember.jshandlebars.js
17
alt

{{#if}}ヘルパーはHTMLにタグを作成します。代わりにこれを行ってください：

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

{{bind-attr}}は 非推奨 です。次のように、新しいはるかに優れた バインドされた属性構文 in Ember 1.10以降）を使用できます。

<div class="{{if isSearching 'foo'}}"></div>
52
Adam Cooper

ブール条件で{{bind-attr}}ヘルパーを使用する必要があります。 これに関するガイドを読んでください 。

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

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

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

9
Simon Cateau