ember.js - ember 2.0でバインディングを介してクラスを追加する方法

Question

Ember 2.2 アプリには、次のようなブートストラップ ボタン グループがあります。

 <div class='btn-group' role='group' aria-label='...'>
     <button type="button" class="btn btn-primary btn-xsm active={{aIsActive}}" >A</button>
     <button type="button" class="btn btn-primary btn-xsm active={{bIsActive}}" >B</button>
     <button type="button" class="btn btn-primary btn-xsm active={{cIsActive}}" >C</button>
</div>

「aIsActive」、「bIsActive」、および「cIsActive」は、関連付けられたコントローラーで定義され、特定の時点で 1 つだけが「true」になります。上記の構文は機能しません。これを行う適切な方法は何ですか？

Answer 1

どうぞ: if-helper

<button class="btn {{if aIsActive 'active'}}" >A</button>

ところで、ナビゲーションを作成する場合は、link-to ヘルパーを使用して作成する必要があります。ルートがアクティブになると、アクティブなクラスが自動的に追加されます。