Как определить индекс массива в моем случае?

Question

Я пытаюсь использовать ng-repeat для отображения массива.

У меня есть что-то вроде

<div ng-repeat="stu in school"> 
    <div>{{stu.name}}</div> 
    <div>{{stu.grade}}</div> 
</div> 

JS

$scope.school = [ 
    {name:'test' 
    grade:'a'}, 
    {name:'test2'. 
    grade:'b'}, 
    {name:'test3', 
    grade:'c'} 
] 

Есть в любом случае я могу обнаружить студентов по индексу? Я был предоставлен только name и grade, и я хочу их отличить. Например, я хочу добавить класс 'first' на test и grade a ученик и класс 'second' на test2 и grade b студент.

Спасибо за помощь!

Answer 1

вы можете использовать ng-class с условием, например, если и нужно добавить class first для студента Whos имя test & & класса a, и можно использовать

ng-class="{ 'first': (stu.name=='test' && stu.grade=='a')} 

вот Plunker Demo для примера

Обратите внимание, что ваш массив должен быть как

$scope.school = [ 
    {name:'test', grade:'a'}, 
    {name:'test2',grade:'b'}, 
    {name:'test3', grade:'c'} 
] 

Answer 2

Да, это возможно. Вы можете получить доступ к индексу элемента, и вы также можете сгенерировать класс на основе определенных комбинаций свойств доступных элементов.

<ul> 
    <li ng-repeat="result in testScores"> 
      <span class="{{$index}} {{result.name}}-{{result.grade}}">{{result.name}} : {{result.name}}</span> 
    </li> 
</ul> 

Вот рабочий JSFiddle - http://jsfiddle.net/mattezell/douku110/3/

На соответствующую записку, Тиль: как получить демо AngularJS JSFiddle работает ...