javascript - AngularJS - ng-click 超过 ng-click

Question

我有如下的 html 代码:

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

带有 ng-click 的外部 div 和带有不同 ng-click 的内部 div。

我的问题是:当我点击内部 div 时，外部的 div 也被触发。我该怎么做才能解决这个问题(触发内部函数，而不是外部函数？

我可以使用硬编码标志使其工作，但不确定我是否面对 race condition问题。

这是一个Fiddle说明问题。

Answer 1

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

在 Controller 中

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