Question

我正在尝试取消嵌套的ng-click事件中的传播。

$scope.cancel = function($event){
   $event.stopPropagation();
}

相关观看代码：

<tbody>
  <tr ng-click="goTo(1)">
    <td class="col-md-1">{{ client.code }}</td>
    <td class="col-md-5">{{ client.name }}</td>
    <td class="col-md-2">{{ client.telephone }}</td>
    <td class="col-md-2">{{ client.fax }}</td>
    <td class="col-md-2"><a href="mailto:{{client.email}}" ng-click="cancel($event)">{{client.email}}</a></td>
  </tr>
</tbody>

这是一个掠夺者：http://plnkr.co/edit/dxgfK41Dp1Gs2DCmeFcw?p=info

为什么不起作用？

Answer 1

它不起作用，因为如果你没有从视图中传递$ event，$ event是未定义的：

将此添加到您的视图中：

<td class="col-md-2"><a href="mailto:{{client.email}}" ng-click="cancel($event)">{{client.email}}</a></td>

这是您更新的plunkr，其传播已停止：http://plnkr.co/edit/ywvPcO01C0fgzvpxRnf9?p=info

嵌套的ng-click＆amp; $ event.stopPropagation（）

1 个答案: