如何在angularjs中组合条件类和数据绑定类

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

导读：要在不同表达式求值为true时应用不同的类： div ng-class="{'class1' : expression1,'class2' : expression2}" Hello World!/div 使用[]为数据绑定类应用不同的类 div ng-class="[class3,class4]" Hello World! /div 我想知道是否可以将两种类型的模板结合起

要在不同表达式求值为true时应用不同的类：

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

使用[]为数据绑定类应用不同的类

<div ng-class="[class3,class4]">
        Hello World!
    </div>

我想知道是否可以将两种类型的模板结合起来,即;有一个使用{}的条件类和一个使用[]的数据绑定类？

任何帮助将不胜感激.

提前致谢.

您可以使用以下语法

<div ng-class="[condition1 && 'class1',condition2 && 'class2',className]">
    Hello World!
</div>

className是范围内的变量.它的值应用于div.

这是一个例子
Conditionally apply class in angularjs

（编辑：李大同）

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