如何禁用父級ng-click？

Question

我有HTML結構ng-click：

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

或者通過：

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

如何，如果我做ng-click="d"

Answer 1

使用stopPropagation方法的角度$event對象上我可以禁用外ng-click="parent()"$event對象作爲ng-click方法的參數，並調用stopPropagation在該方法中：

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

在d：

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

Answer 2

只添加event.stopPropagation（）;在孩子ng點擊。它會阻止從父母ng-click 例如：

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