ember.js - Ember テンプレートで要素クラス名をバインドする関数を使用しますか?

Question

次のようなテンプレートがある場合:

{{#view App,NavItemView}}
<li {{bindAttr class="isActive:active"}}>Item 1</li>
{{/view}}

そして、の見方

App.NavItemView = Ember.View.extend({
  tagName: 'ul',
  isActive: function() {
    return false;
  }
});

レンダリングされたテンプレートは、要素の「アクティブ」のクラスを常にレンダリングしますli。これに基づいて、条件付きクラスを設定することはできないようですか?

理想的には、関数の結果に基づいて、li 要素のクラスをオンまたはオフにしたいと考えています。何か不足していますか？

score 7 · Accepted Answer

この種のものには、計算されたプロパティを使用する必要があります。

App.NavItemView = Ember.View.extend({
  tagName: 'ul',
  isActive: function() {
    return false;
  }.property()
});

1 に答える 1