如果在ng-class中还有其他条件？

Question

我有这部分代码：

ng-class="{'gray':TicketDetail.TicketHolder.PayoutEnabled==false || 'secondary-button': TicketDetail.TicketHolder.PayoutEnabled==true}"

但问题是这不起作用。如果payoutenabled == false，我不会变灰并删除二级按钮类。任何建议？

Answer 1

这应该有效：

ng-class="{'gray': TicketDetail.TicketHolder.PayoutEnabled===false, 'secondary-button': TicketDetail.TicketHolder.PayoutEnabled===true}"

Answer 2

使用三元操作：

 ng-class="TicketDetail.TicketHolder.PayoutEnabled ? 'secondary-button' : 'gray'"

Answer 3

您可以将ng-class - 表达式简化为：

ng-class="{ 'gray': !TicketDetail.TicketHolder.PayoutEnabled, 'secondary-button': TicketDetail.TicketHolder.PayoutEnabled }"

如果其他人true，那么其中一个只能是false。

Answer 4

这样的事情会起作用：

ng-class="{'gray': !TicketDetail.TicketHolder.PayoutEnabled , 'secondary-button': TicketDetail.TicketHolder.PayoutEnabled}"

您不需要添加||运算符。您可以列出所需的所有条件。 此外，您还可以简化代码，==true或==false不需要。