javascript - ng-if 更改类别并 ng-click

Question

<i class="tables__td--status icon icon__thumbs-up" ng-click="EventController.retrieveOne(event._id); EventController.changeStatus(event._id, event, false)"></i>

和

<i class="tables__td--status icon icon__thumbs-down" ng-click="EventController.retrieveOne(event._id); EventController.changeStatus(event._id, event, true)"></i>

伙计们，我在一个页面中有这两个操作，一个用于停用事件，另一个用于激活事件。

目前两者都出现在页面中，我正在尝试弄清楚如何只显示一个。

如果 event._id = true，则显示:

<i class="tables__td--status icon icon__thumbs-up" ng-click="EventController.retrieveOne(event._id); EventController.changeStatus(event._id, event, false)"></i>

如果为假，则显示:

<i class="tables__td--status icon icon__thumbs-down" ng-click="EventController.retrieveOne(event._id); EventController.changeStatus(event._id, event, true)"></i>

问题是我需要更改类和 ng-click。

谢谢。

Answer 1

你不需要 ng-如果你可以这样做:

<i  ng-class="{icon__thumbs-down:show,icon_thumbs-up:!show}" 
class="tables__td--status icon" 
ng-click="show=!show;EventController.retrieveOne(event._id); EventController.changeStatus(event._id, event, !show)">
</i>

我添加了 ng-click 来更改状态 (show=!show)，然后根据状态更改类 (ng-class)