小编典典

使用 ng-class 添加多个类

all

我们可以有多个表达式来添加多个 ng-class 吗?

例如。

<div ng-class="{class1: expressionData1, class2: expressionData2}"></div>

如果是的话,任何人都可以举一个例子来这样做。

.


阅读 81

收藏
2022-03-07

共1个答案

小编典典

当不同的表达式计算为 时应用不同的类true

<div ng-class="{class1 : expression1, class2 : expression2}">
    Hello World!
</div>

当表达式为真时应用多个类:

<!-- notice expression1 used twice -->
<div ng-class="{class1 : expression1, class2 : expression1}">
    Hello World!
</div>

或者很简单:

<div ng-class="{'class1 class2' : expression1}">
    Hello World!
</div>

注意围绕 css 类的单引号。

2022-03-07