在ng-click AngularJS中单击Ng

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