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>

如果为false，请显示：

<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 ）更改类 p>

Answer 2

使用ngClass更改类取决于event._id值：

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

ng-if更改类和ng-click

2 个答案: