angularjs - NgClick 位于其内部的 NgClick

Question

我有以下代码:

 <ul class="dropdown-menu">
   <li ng-click="setValue('X')" ng-class="selected === 'X' ? 'active' : 'not-active'"><span>X <i class="fa fa-times" ng-click="unselect()"/></span></li>
   <li ng-click="setValue('Y')" ng-class="selected === 'Y' ? 'active' : 'not-active'"><span>Y <i class="fa fa-times" ng-click="unselect()"/></span></li>
 </ul>

如果选择了该值，我将切换类别。我想在图标上添加一个事件(仅在选择它时才可见)，但是，每当我单击该图标时，都会触发两个 ng-click。我的问题是:当选择行时，如何禁用父元素上的 ng-click？

Answer 1

您需要将 $event.stopPropagation() 添加到您的内部 ng-click:

<i class="fa fa-times" ng-click="unselect(); $event.stopPropagation();"/>

这将阻止调用父元素上的 ng-click。