AngularJS - 在哪里调用 $event.stopPropagation() 是否重要？

Question

我想停止将 ng-repeat 上的事件传播到父元素。我的代码是：

<li ng-repeat="node in nodes"><div ng-click="$event.stopPropagation(); myFunc(node);"></li>

经过一段时间的挣扎后，我发现更改在 ng-click 上调用函数的顺序可以解决此问题。我只需要将其更改为：

<li ng-repeat="node in nodes"><div ng-click="myFunc(node); $event.stopPropagation();"></li>

为什么顺序在这里很重要？事实上，我认为调用 $event.stopPropagation() 应该在其他任何事情之前发生，以便在其他任何事情完成之前停止事件传播。

谢谢！

Answer 1

@event 对象在 ng-click 指令中创建，您可以将其传递给您的 ng-click 处理函数：ng-click="myFunc(node):..."

ngClick 指令（以及所有其他事件指令）创建在同一范围内可用的 $event 变量。这个变量是对JS事件对象的引用，可以用来调用stopPropagation()

$event.stopPropagtion 被传递给 ng-click 函数 myFunc(node); Angularjs 指令按顺序调用函数。