如何使用多个 "OR" 条件设置 ng-class

Question

我必须根据 angular 列表中的详细信息设置颜色。

在下面的代码中，数据是字符串形式的，所以我用字符串设置了条件

代码：

<td ng-class="{IsGreen: s.InformationForm == 'Form Completed'  || IsMaroon: s.InformationForm == 'Fill Form'}">
<a href="javascript:void(0);" ng-if="s.InformationForm == 'Form Completed'" class="IsColorWhite">{{s.InformationForm}}</a>
<a href="javascript:void(0);" ng-if="s.InformationForm == 'Fill Form'" class="IsColorWhite">{{s.InformationForm}}</a></td>

以上是我已经完成但无法运行的代码。

Answer 1

应该是：

<td ng-class="{IsGreen: s.InformationForm == 'Form Completed', IsMaroon: s.InformationForm == 'Fill Form'}">

它不需要 either-or 语句。

在AngularJS Documentation

中明确说明

Answer 2

你可以像

一样使用三元运算符

<td ng-class="s.InformationForm == 'Form Completed'?'IsGreen':(s.InformationForm == 'Fill Form'?'IsMaroon':'')">

如何使用多个 "OR" 条件设置 ng-class

how to set ng-class with multiple "OR" condition

angularjs

if-statement

ng-class