Вот два разных способа использования директивы ng-class
. Мне нужны они оба на одном элементе, но это не работает.
Использование объекта в ng-классе
http://plnkr.co/edit/uZNK7I?p=preview
<div ng-repeat="item in [1, 2, 3, 4, 5]"
ng-class="{ first: $first, last: $last }">{{item}}</div>
правильно приводит к
<div class="first">1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div class="last">5</div>
Использование выражения в ng-классе
http://plnkr.co/edit/tp6lgR?p=preview
<div ng-repeat="item in [1, 2, 3, 4, 5]"
ng-class=" 'count-' + ($index + 1) ">{{item}}</div>
правильно приводит к
<div class="count-1">1</div>
<div class="count-2">2</div>
<div class="count-3">3</div>
<div class="count-4">4</div>
<div class="count-5">5</div>
Теперь, как их использовать вместе?
Мне нужны динамические имена классов (например, 'count-' + n
), но также нужен синтаксис объекта для нескольких классов.
Я не могу просто использовать атрибуты 2 ng-class
(http://plnkr.co/edit/OLaYke?p=preview), работает только первый.
Любые предложения?