如何禁用父级 ng-click？

Question

我有一个带有ng-click属性的HTML结构：

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

如果我使用ng-click="d"，如何禁用外部的 ng-click="parent()" ?

- Muhad

Answer 1

在Angular中，可以使用$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();
}

- Michael P. Bazos

Answer 2

在子元素的ng-click事件中添加$event.stopPropagation();，可以防止父元素的ng-click被触发。

例如：

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

- Tabish