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。