Ng点击<li>内部的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调用父元素.