Angularjs 如何使用“多个”设置ng类;或;条件

Angularjs 如何使用“多个”设置ng类;或;条件,angularjs,if-statement,ng-class,Angularjs,If Statement,Ng Class,我必须根据列表中的细节设置颜色 在下面的代码中,数据是字符串,所以我用字符串设置了条件 代码: <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

我必须根据列表中的细节设置颜色

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

代码:

<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>

以上是我已经完成但不工作的代码。

应该是:

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

其中不需要
语句

中明确指出:

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

其中不需要
语句


中明确说明,您可以使用三元运算符,如

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

您可以使用三元运算符,如

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



但它将设置两个类,我只想从条件中设置一个,它将是绿色或IsMaroon或来自etc条件…如果
s.InformationForm=='Form Completed'
IsMaroon
如果
s.InformationForm=='Fill Form'
不,你搞错了,我只想从条件并非两者都有。“只想要”或“不想要”和“DGarvanski写的是”或“关系,因为您的模型的.InformationForm一次可以包含一个字符串。@3您在我的评论中关注的是AND,而不是if,我猜…但它将设置两个类,我只想从条件中设置一个,它将是绿色或IsMaroon或来自etc条件…如果
s.InformationForm=='Form Completed'
IsMaroon
如果
s.InformationForm=='Fill Form'
不,你搞错了,我只想要一个条件并非两者都适用。“只想要”或“不想要”和“DGarvanski写的是”或“关系,因为您的模型的.InformationForm一次可以包含一个字符串。@3规则您在我的评论中关注的是AND,而不是if,我想……是的,应该是这样,但不起作用。它总是取第一个值。我的意思是绿色,让我检查一下,但是你要确保如果
s.InformationForm
是正确的,通过
{{s.InformationForm}}
在页面上打印它,当你需要数据时,数据可能不会被更新到behanks@Viplock以获得你的答案。很好,当if-else条件增加时,这个ans将非常有用。谢谢,它应该是这样的,但不起作用,它总是取第一个值,我的意思是绿色,让我检查一下,但你要确保
s.InformationForm
是正确的,通过
{s.InformationForm}在页面上打印它
当您需要将数据发送至beThanks@Viplock以获取答案时,数据可能不会更新。太好了,当if else条件增加时,此ans将非常有用。干杯