emberjsのコンポーネントからdivをクラスに追加するにはどうすればよいですか？

Question

私はmain-navbarコンポーネントを持っています。

アプリ/テンプレート/コンポーネント/メイン-navbar.hbsファイルには、次のようになります。私はボタンをクリックすると

<ul> 
    <li>Home</li> 
    <li>Blog</li> 
</ul> 
<button> Add class </button> 

私はテストクラス<ul class='test'>を受け取るためにul要素をしたいともう一度ボタンをクリックすると、テストクラスが削除されます。

ボタンに対してこの操作を行うにはどうすればよいですか？私はのapp/components/main-navbar.jsファイルを使用しなければならないとします。

Answer 1

ガイドのthis partを見てください。これは正確に行う方法を説明しています。コンポーネントにtagName： 'ul'がある場合、classNameBindingsのプロパティにバインドするだけです。

export default Ember.Component.extend({ 
    classNameBindings: ['test'], 
    test: false, 
    actions:{ 
    toggled(){ 
     this.toggleProperty('test') 
    } 
    } 
}); 

ああ、あなたは別の要素にクラスを設定して、それを今追加しています。

class="{{if somethingEnabled 'test' 'empty'}}" 

ここにはtwiddleが実装されています。