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

在ng-click AngularJS中单击Ng

1 个答案: