javascript - AngularJS - 如果元素具有特定类，则禁用 ng-click

Question

我有一个带有附加功能的 li 项目列表。我还有一个事件监听器，它将“当前”类附加到单击的任何 li 项目。

HTML

<ul class="cf" id="filter">
 <li ng-click="getRadius(5)" class="current"><a href="#">5 km</a></li>
 <li ng-click="getRadius(10)"><a href="#">10 km</a></li>
 <li ng-click="getRadius(25)"><a href="#">25 km</a></li>
 <li ng-click="getRadius(50)"><a href="#">50 km</a></li>
 <li ng-click="getRadius(100)"><a href="#">100 km</a></li>
</ul>

如果特定的 li 项目具有“当前”类别，是否有办法禁用 ng-click 事件，或者是否有更好的方法来解决此问题？

Answer 1

您无法禁用列表，因为它不是交互式元素，可以使用 ngClass 在禁用时应用特定类以使其显示为禁用:

<li ng-class="{'disabled':condition}"ng-click="getRadius(5)">item</li>

您可以使用 ng-if 从列表中完全删除这些项目:

 <li ng-if="!condition" ng-click="getRadius(5)">item</li>
 <li ng-if="condition" >item</li>