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

前端之家收集整理的这篇文章主要介绍了如何在angularjs中组合条件类和数据绑定类前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
要在不同表达式求值为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

猜你在找的Angularjs相关文章