模糊/焦点事件：Angular2

Question

我的Angular4应用程序中的一个组件中有一个表，当用户点击任何表行（添加css突出显示颜色）时，我会在表行中添加样式。现在，我希望在用户点击该行以外的任何其他位置时删除突出显示颜色。 我尝试了以下操作：

<tr (blur)="removeStyles()">

和

<tr (focusout)="removeStyles()">

以上都没有触发removeStyles方法。有没有人尝试将以上或类似事件中的任何一个绑定到之前？

Answer 1

我在项目中使用https://www.npmjs.com/package/ng-click-outside。 这应该适用于你的情况。

Answer 2

您需要将tabindex添加到<tr>。只有在设置元素tabindex时才会触发焦点事件。