具有多个表达式的Angular NgClass

Question

我想评估多个表达式，但应用的类将是相同的。这是一个例子......

<tr ng-class="{'highlight' : Expression1 || Expression2 || Expression3}">

如果任何表达式为真，则它将应用highlight类。我尝试了几个版本，但我不确定这是否是正确的方法。

<tr ng-class="{'highlight' : Expression1, 'highlight' : Expression2 }">
<tr ng-class="[{'highlight' : Expression1, 'highlight' : Expression2 }]">

这些似乎都不起作用，我见过的所有例子都为每个评估应用了不同的类。

Answer 1

这很好，我相信正确的方法。

<tr ng-class="{'highlight' : Expression1 || Expression2 || Expression3}">

Answer 2

这会有用吗？

<!-- example with string syntax -->
<!-- use the type variable as a class -->
<div class="item ng-class:type;">Stuff Goes Here</div>

<!-- example with string syntax -->
<!-- use the styleOne and styleTwo variables as classes -->
<div class="item ng-class:[styleOne, styleTwo];">Stuff Goes Here</div>

<!-- example with evaluated data -->
<!-- add the text-error class if wrong is true -->
<div class="item ng-class:{ 'text-error': wrong };">Stuff Goes Here</div>

取自：The many ways to use ng-class

Answer 3

检查您正在使用的角度库的版本。