javascript - 当变量等于时，AngularJS 禁用 ng-click

Question

<span class="column__list--total fa" ng-class="{'fa-check': skill.done == 1, 'fa-times red': skill.done == 0}" ng-click="skill.disabled || toggleSkill(skill.id, person.id)" ng-hide="$root.user[0].auth == 2"></span>

<span class="column__list--total fa" ng-class="{'fa-check': skill.done == 1, 'fa-times red': skill.done == 0}" ng-show="$root.user[0].auth == 2"></span>

目前我正在使用上述内容，它们同样相同，但当变量等于2时，将使用ng-hide隐藏其中一个

原因是我想禁用元素上的 ng-click。

我是否需要将其保留为两个单独的元素，或者当 $root.user[0].auth == 2< 时是否可以禁用 ng-click

Answer 1

您的 ng-click 中已经有一个条件，为什么不添加另一个条件呢？

ng-click="$root.user[0].auth == 2 || Skill.disabled ||toggleSkill(skill.id, person.id)"