如何结合在angularjs有条件类和数据绑定类 [英] how to combine conditional class and data bound class in angularjs

问题描述

要应用不同的类时，不同的前pressions评估为true：

To apply different classes when different expressions evaluate to true:

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

要申请使用不同类型的数据绑定类[]

To apply different classes a data-bound class using []

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

我想知道是否有可能在两种类型的模板，即相结合;在使用{使用条件类}和数据绑定类[]？

I want to know if it is possible to combine the two types of template, i.e; have a conditional class using {} and a data-bound class using []?

任何帮助将大大AP preciated。

Any help would be greatly appreciated.

先谢谢了。

推荐答案

您可以使用下面的语法

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

的className的范围是一个变量。它的值将被应用到DIV。

className is a variable in scope. It's value gets applied to div.

下面是一个例子小提琴
有条件地应用在angularjs类

Here is a example fiddle Conditionally apply class in angularjs

这篇关于如何结合在angularjs有条件类和数据绑定类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！