Question

我需要检查两件事是否属实，以决定上课。我一直在努力寻找解决方案，因为我认为这应该是一个非常普遍的问题。也许我只是在寻找错误的东西。

我希望在一个语句中有两个条件，如果这是它的名称？

我尝试过类似的事情：

   ng-class="{'in-behalf-of-background-color' : parameters.Username == quote.InBehalfOf } ,{'not-in-behalf-of-background-color' : ((parameters.Username != quote.InBehalfOf) && (quote.InBehalfOf != 'null'))}"

如你所见，我想检查parameters.Username！= quote.InBehalfOf以及quote.InBehalfOf！= null在相同条件下。这可能吗？

Answer 1

试试这段代码;

您需要多个条件，然后定义一个对象并使用键值对{key1:value1, key2: value2}

定义条件

ng-class="{'in-behalf-of-background-color' : parameters.Username == quote.InBehalfOf, 'not-in-behalf-of-background-color' : ((parameters.Username != quote.InBehalfOf) && (quote.InBehalfOf)) }"

Answer 2

您遗失的是，对于ng-class中的多个班级，您不需要创建另一个{..}。您只需使用逗号,分隔多个即可指定多个。因此，以下内容应该有效，

ng-class="{'in-behalf-of-background-color' : parameters.Username == quote.InBehalfOf, 
    'not-in-behalf-of-background-color' : (parameters.Username != quote.InBehalfOf) && (quote.InBehalfOf != 'null')}"

Answer 3

试试这个，

 ng-class="{'in-behalf-of-background-color' : parameters.Username === quote.InBehalfOf , 'not-in-behalf-of-background-color' : ((parameters.Username !== quote.InBehalfOf) && (quote.InBehalfOf !== 'null'))}"

参考angular ng-class doc

on语句中的ng-class多重条件

3 个答案: