angularjs - 嵌套 ng-click 和 $event.stopPropagation()

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

它不起作用，因为如果您不从 View 传递 $event，则 $event 未定义:

将其添加到您的 View 中:

<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