angularjs - ng-click 内部的 ng-click AngularJS

Question

我有一个ng-click在表行内部使用的链接，该行也使用该ng-click指令。

当我单击链接时，两个ng-click指令都会触发。我该如何调整它们，以便只触发最具体的一个（删除项目）？

 <tr ng-repeat="item in items" ng-click="viewItem(item.id)">
   <td>{{ item.name }}</td>
   <td><a ng-click="removeItem(item.id, 'item.name')">Remove item</a></td>
 </tr>

谢谢！

Answer 1

您只需要通过使用来阻止事件冒泡stopPropagation()。

<tr ng-repeat="item in items" ng-click="viewItem(item.id)">
   <td>{{ item.name }}</td>
   <td><a ng-click="removeItem(item.id, 'item.name'); $event.stopPropagation()">Remove item</a></td>
 </tr>

jsFiddle