Angular 具有多个表达式的 NgClass
Angular NgClass with multiple expressions
我想计算多个表达式,但应用的 class 是相同的。这是一个例子...
<tr ng-class="{'highlight' : Expression1 || Expression2 || Expression3}">
如果任何表达式为真,它将应用 highlight
class。我已经尝试了几个版本,但我不确定这是否是正确的方法。
<tr ng-class="{'highlight' : Expression1, 'highlight' : Expression2 }">
<tr ng-class="[{'highlight' : Expression1, 'highlight' : Expression2 }]">
None 这些似乎都有效,我看到的所有示例都对每个评估应用了不同的 class。
这个有用吗?
<!-- 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>
这很好,我相信这样做是正确的。
<tr ng-class="{'highlight' : Expression1 || Expression2 || Expression3}">
检查您正在使用的 angular 库的版本。
我想计算多个表达式,但应用的 class 是相同的。这是一个例子...
<tr ng-class="{'highlight' : Expression1 || Expression2 || Expression3}">
如果任何表达式为真,它将应用 highlight
class。我已经尝试了几个版本,但我不确定这是否是正确的方法。
<tr ng-class="{'highlight' : Expression1, 'highlight' : Expression2 }">
<tr ng-class="[{'highlight' : Expression1, 'highlight' : Expression2 }]">
None 这些似乎都有效,我看到的所有示例都对每个评估应用了不同的 class。
这个有用吗?
<!-- 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>
这很好,我相信这样做是正确的。
<tr ng-class="{'highlight' : Expression1 || Expression2 || Expression3}">
检查您正在使用的 angular 库的版本。