如何禁用父 ng-click？

【问题标题】：How to disable parent ng-click?如何禁用父 ng-click？
【发布时间】：2015-09-27 01:56:24
【问题描述】：

我的 HTML 结构带有ng-click:

<div ng-click="parent()">
  <div ng-click="d"></div>
</div>

如果我在ng-click="d" 之外禁用ng-click="parent()"，我该如何禁用

【问题讨论】：

标签： angularjs

【解决方案1】：

在角度$event 对象上使用stopPropagation 方法：

<div ng-click="parent()">
  <div ng-click="d(); $event.stopPropagation();"></div>
</div>

或者将$event对象作为ng-click方法的参数传递，在方法中调用stopPropagation：

<div ng-click="parent()">
  <div ng-click="d($event)"></div>
</div>

在d:

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

【讨论】：

【解决方案2】：

只添加 event.stopPropagation();在子 ng-click 上。它将阻止来自父 ng-click 示例：

<div ng-click="parent($event)">
  <div ng-click="child($event); event.stopPropagation()">
  </div>
</div>

【讨论】：