Ember-Component如何在「click」組件上添加邊框？

Question

我想突出component上的click事件（需要添加一個類名爲addBorder）該怎麼做？當用戶點擊其他組件時，我需要從其他組件中刪除addBorder。因此只有click組件會一次突出顯示。

我可以很容易地使用jQuery，但我在尋找ember的方式！

這裏是我的演示：Live Demo Link

Answer 1

您可以像selectedItemTitle將在click改爲item.title添加屬性。然後你可以將這個selectedItemTitle傳遞給組件。組件可以檢查它的item.title === selectedItemTitle。如果是，則像isSelected這樣的屬性可以設置爲true。然後你使用classNameBindings將isSelected綁定到一個類。

父組件模板：

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

見working demo。