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