Автоматическая нумерация списка повторов 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).