angularjs – 使用ng-class添加多个类

前端之家收集整理的这篇文章主要介绍了angularjs – 使用ng-class添加多个类前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我们可以有多个表达式来添加多个ng-class吗?

例如。

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

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

当不同的表达式求值为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类周围的单引号。

原文链接:https://www.f2er.com/angularjs/148034.html

猜你在找的Angularjs相关文章