Angular 次点击 - 背景问题

Question

我对 ng-click 没有什么问题。

我的代码是这样的：

<div ng-click="changeVal()">
   content
   <span ng-click="changeColor()">content</span>
</div>

当然现在当我点击 span angular 触发两次点击（val 和 color）。但我只想触发一次点击（changeColor）。

我无法在 div 中添加另一个元素，这将填满整个 div，因为我使用的模板不允许这样做。

有什么方法可以在点击div的背景时触发ng-click吗？

Answer 1

您需要阻止事件传播。将您的代码更新为以下

<span ng-click="changeColor(); $event.stopPropagation();">content</span>

Answer 2

我想你想在 changeColor() 中使用 $event.stopPropagation()。将 $event 传递给函数 changeColor($event) 或者只做 changeColor();$event.stopPropagation();

Angular ng-click - background issue