使用 ng-class 添加多个类 [英] Adding multiple class using ng-class

问题描述

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

例如.

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

如果是，任何人都可以举出例子来这样做.

.

解决方案

当不同的表达式求值为 true 时应用不同的类:

你好，世界！

当一个表达式成立时应用多个类:

<div ng-class="{class1: expression1, class2: expression1}">你好，世界！

或者很简单:

你好，世界！

注意围绕 css 类的单引号.

Can we have multiple expression to add multiple ng-class ?

for eg.

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

If yes can anyone put up the example to do so.

.

解决方案

To apply different classes when different expressions evaluate to true:

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

To apply multiple classes when an expression holds true:

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

or quite simply:

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

Notice the single quotes surrounding css classes.

这篇关于使用 ng-class 添加多个类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！