水果的名称是a
嵌套在 <div ng-repeat=".."></div>
中的元素.当这个橙父div
单击后,会显示一些隐藏的文本。单击水果名称时,它应该变为粗体。
问题:单击水果名称时,它会变成粗体并且隐藏的文本会显示出来。我们如何在不显示隐藏文本的情况下允许水果名称加粗?
我相信这涉及防止从 a
传播点击事件到 div
,我们该怎么做呢?
Jsfiddle: http://jsfiddle.net/tf4b63km/
点击水果名称前
点击水果名称后
最佳答案
您可以通过调用 stopPropagation
来阻止事件冒泡。在您的情况下,您需要做两件事:
1) 将$event
传递给makeBold
函数:ng-click="makeBold($event, f)"
2) 调用stopPropagation
function makeBold($event, f) {
$event.stopPropagation();
// ...
}
关于javascript - 在 Angular 中防止从子元素到父元素的 ng-click 传播,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34327426/