2015-06-03 2 views
0

Я хочу использовать несколько классов в ng-классе. Эти классы взяты из моей директивы.AngularJs Multiple Class в ng-классе

Мне нужно что-то подобное;

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

test1 и test2 мои классы CSS.

Когда я называю это, он не работает.

Как я могу назвать несколько классов, используя ng-класс?

ответ

2

Вы можете использовать обозначение массива для нескольких классов:

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

JSFIDDLE

+0

Кстати, если классы test1 и test2, нужно удалить «item.», Который я все равно не понимаю – Eagle1

1

Или вы можете просто использовать class для этой цели:

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

Это также работает при загрузке данных async? – devqon

+0

@devqon Да, это работает. – Zee

0

вы также можете сделать так, что это условное:

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

но на самом деле, вот и все в официальном document, вы могли бы найти его.

+0

Вопрос не в условном, просто для применения нескольких классов – devqon