禁用父div中的ng-click

Question

我有下一个HTML:

<div class="parent"
         ng-click="ParentClick()">
    .
    .
    .
    <div class="child" ng-click="ChildClick()">
       Some Text
    </div>
</div>

所以,当我点击时Some Text,我有两个方法调用:ParentClick(), ChildClick().以CSS方式ParentClick()点击时是否可以禁用事件Some Text？

Answer 1

单击ChildClick()要运行的event.stopPropagation()时间以防止click事件冒泡DOM树

function ChildClick() {
    event.stopPropagation()
    ....
}

如果你有ChildClick函数的一部分,$scope你可以传递$event给函数并在里面使用它:

<div class="child" ng-click="ChildClick($event)">
</div>

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