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

发布时间：2020-12-17 09:36:17 所属栏目：安全来源：网络整理

导读：我们可以有多个表达式来添加多个ng-class吗？例如。 div ng-class="{class1: expressionData1,class2: expressionData2}"/div 如果是的话，任何人都可以这样做的例子。。当不同的表达式求值为true时应用不同的类： div ng-class="{class1 : expression1,c

我们可以有多个表达式来添加多个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类周围的单引号。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!