Автоматическая нумерация списка повторов Angularjs ng-repeat

Я создаю список отчетов для студентов с Angularjs ng-repeat. Моя проблема, если я могу динамически добавлять нумерацию, такую ​​как упорядоченный список, к сгенерированному списку. Я хочу достичь чего-то вроде этого

 # | Name of student | Student ID
 _________________________________
 1 | Samuel Addo     | 346578
 2 | GRace Asumani   | 965433
 3 | Zein Akill      | 123455
 4 | David Addoteye  | 678543

Столбец "#" должен быть автоматически сгенерирован при рендеринге модели с помощью ng-repeat. Честно говоря, я не знаю, с чего начать, потому что я не знаю, как это сделать. Я буду рад, если кто-нибудь сможет мне помочь или указать на правильный источник. Спасибо.

Ответ 1

Внутри ng-repeat вы можете использовать:

{{$index +1}}

Итак, например:

<tr ng-repeat="student in students">
  <td>#{{$index + 1}}</td>
  <td>{{student.name}}</td>
</tr>

$index - это переменная, предоставляемая директивой ng-repeat, которая дает вам текущий индекс. Здесь я добавил 1, чтобы числа начинались с 1 вместо 0. документация ng-repeat

Ответ 2

Да, вы можете использовать {{$ index}} для печати позиции индекса для серийного номера внутри ng-repeat.

Различные переменные также доступны для расчета и проверки для первого, среднего, последнего, нечетного, даже с использованием $first, $middle, $last, $odd и $even соответственно.

  • $ index: смещение итератора повторяющегося элемента (0..length-1)
  • $ first: true, если повторный элемент является первым в итераторе.
  • $ middle: true, если повторяющийся элемент находится между первым и последним в итератор.
  • $ last: true, если повторный элемент последний в итератор.
  • $ даже: true, если позиция индекса итератора $index равно (в противном случае это ложь).
  • $ нечетный: true, если позиция итератора $index нечетна (иначе false).