AngularJs ng-class

时间:2015-06-03 07:18:17

标签: javascript angularjs angularjs-ng-click

我想在ng-class中使用多个类。这些类来自我的指令。

我需要这样的东西;

ng-class="item.test1 item.test2"

test1 test2 是我的css课程。

当我这样打电话时,它不起作用。

如何使用ng-class调用多个类?

3 个答案:

答案 0 :(得分:2)

您可以对多个类使用数组表示法:

<my-element ng-class="[item.test1, item.test2]">Classes applied</my-element>

JSFIDDLE

答案 1 :(得分:1)

或者你可以简单地使用class来实现这个目的:

 <div class="{{item.test1}} {{item.test2}}"></div>

答案 2 :(得分:0)

你也可以这样做,这是有条件的:

<my-elem ng-class="{'class1':var==value1','class2':var=='value2'}">

但实际上,这一切都在官方document中,您可以搜索它。