Ember-Component如何仅在“click”组件上添加边框？

Question

我想强调rown = 1事件component。（需要添加一个类名click）如何做到这一点？当用户点击其他组件时，我需要从其他组件中删除addBorder。

因此只会立即突出显示addBorder组件。

我可以非常轻松地使用click，但我正在寻找jQuery方式！

这是我的演示：Live Demo Link

Answer 1

您可以添加selectedItemTitle之类的属性，该属性将在click更改为item.title。然后，您可以将此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。