Using Angular ng-class twice inside ng-repeat

Question

Is it possible to use ng-class twice inside ng-repeat? once to highlight a row selected row and one to check object propeties:

<ul>
      <li
        ng-repeat="item in items"
        ng-class="{'someclass' : item.Id > 10 && item.color != 'red'}" ng-class = "'selected' : $index == selected">
        {{item .name}}
      </li>
    </ul>

for some reason the second ng-class(in this example selectd) is not working. The items:

 $scope.items = [

    { Id: 1, name: "item1" , color : 'red' },
    { Id: 20, name: "item1" , color : 'blue' },
    { Id: 11, name: "item1" , color : 'white' }
 ];

@KhalidHussain thanks. – Itsik Mauyhas May 11 '16 at 07:07 — Itsik Mauyhas, May 11 '16 at 07:07

score 3 · Accepted Answer · answered May 11 '16 at 07:06

3

Put both in one ng-class - something like this:

<ul>
  <li
    ng-repeat="item in items"
    ng-class="{'someclass' : item.Id > 10 && item.color != 'red', 'selected' : $index == selected}">
    {{item .name}}
  </li>
</ul>

answered May 11 '16 at 07:06

Bagofjuice

282
2
13

Works great. Thanks. – Itsik Mauyhas May 11 '16 at 07:10

Using Angular ng-class twice inside ng-repeat

1 Answers1