使用ng-class添加多个类

• Z时代
• 2024-01-10
• 分类：问答

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

例如

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

如果是，那么任何人都可以举这个例子。

。

回答：

当不同的表达式求和时应用不同的类true：

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

在表达式为true时应用多个类：

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

或者很简单：

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

注意css类周围的单引号。

以上是 使用ng-class添加多个类 的全部内容， 来源链接： utcz.com/qa/401905.html