Javascript AngularJS-ng单击超过ng单击

我有如下html代码：

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

{{text}}

带有

ng click

的外部div和带有不同

ng click

的内部div

我的问题是：当我单击内部div时，外部div也被触发。我能做些什么来解决这个问题（激发内部函数，而不是外部函数

我可以使用硬编码标志使其工作，但不确定是否遇到问题

下面是一个演示问题的示例。

试试这个

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

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

{{text}}

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