我有一个类似以下的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。
答案 0 :(得分:11)
<div class="innerdiv" data-ng-click="showText($event)">
并在控制器中
$scope.showText = function(event) {
// whatever
event.stopPropagation();
}
答案 1 :(得分:2)
试试这个
<div class="outerdiv" data-ng-click="resetText()">
<div class="innerdiv" data-ng-click="showText();$event.stopPropagation()">
{{ text }}
</div>
</div>