AngularJS - 点击ng-click点击

Question

我有一个像以下的HTML代码:

<div class="outerdiv" data-ng-click="resetText()">
    <div class="innerdiv" data-ng-click="showText()">
        {{ text }}
    </div>
</div>

外部div与a ng-click和内部div具有不同ng-click.

我的问题是:当我点击内部div时,外部的div也会被触发.我能做些什么来解决这个问题(解雇内部功能,而不是外部功能？

我可以使用硬编码标志使其工作,但不确定我是否面对竞争条件问题.

这是一个说明问题的小提琴.

Answer 1

<div class="innerdiv" data-ng-click="showText($event)">

并在控制器中

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