Ember-Component `click`コンポーネントにのみボーダーを追加する方法は？

Question

clickイベントでcomponentを強調したいと思います（クラス名をaddBorderとして追加する必要があります）。ユーザーが他のコンポーネントをクリックしている間に、他のコンポーネントからaddBorderを削除する必要があります。

したがって、clickコンポーネントのみが一度にハイライト表示されます。

私はjQueryを非常に簡単に使用できますが、私はemberの方法を探しています！ Live Demo Linkが

Answer 1

あなたはitem.titleにclickに変更されますselectedItemTitleのようにプロパティを追加することができます。

は、ここに私のデモです。次に、このselectedItemTitleをコンポーネントに渡すことができます。コンポーネントは、そのitem.title === selectedItemTitleかどうかを確認できます。はいの場合、isSelectedのようなプロパティをtrueに設定できます。次に、isSelectedをclassNameBindingsを使用してクラスにバインドします。

親コンポーネントテンプレート：

{{#each model as |item|}} 
    {{my-child item=item.title info=item.info tagName="li" selectedItemTitle=selectedItemTitle click=(action 'selectItem' item.title) 
    }} 
{{/each}} 

はworking demoを参照してください。