javascript - 在 Angular 中防止从子元素到父元素的 ng-click 传播

Question

水果的名称是a嵌套在 <div ng-repeat=".."></div> 中的元素.当这个橙父div单击后，会显示一些隐藏的文本。单击水果名称时，它应该变为粗体。

问题:单击水果名称时，它会变成粗体并且隐藏的文本会显示出来。我们如何在不显示隐藏文本的情况下允许水果名称加粗？

我相信这涉及防止从 a 传播点击事件到 div ，我们该怎么做呢？

Jsfiddle: http://jsfiddle.net/tf4b63km/

点击水果名称前

点击水果名称后

Answer 1

您可以通过调用 stopPropagation 来阻止事件冒泡。在您的情况下，您需要做两件事:

1) 将$event传递给makeBold函数:ng-click="makeBold($event, f)"

2) 调用stopPropagation

function makeBold($event, f) {
   $event.stopPropagation();
   // ...
}