Альтернативный метод ng-repeat: итерация заданного количества раз

В AngularJS директива ng-repeat позволяет нам перебирать массив элементов. Однако в некоторых сценариях нам может потребоваться повторить определенный шаблон несколько раз даже при отсутствии массива. Эта статья посвящена этой необходимости.

Решение

AngularJS до версии 1.3.0 не поддерживал прямую итерацию определенное количество раз. Обходной путь включал введение пользовательской функции и манипулирование массивами.

Вот измененный синтаксис ng-repeat:

    {{ $index 1 }}

В вашем контроллере определите функцию getNumber:

$scope.number = 5;
$scope.getNumber = function(num) {
    return new Array(num);
}

Эта функция возвращает массив указанной длины, имитируя поведение перебора массива.

Обновление для AngularJS >= 1.3.0

Новые версии AngularJS предложите упрощенное решение:

    {{ $index 1 }}

Этот вариант устраняет необходимость в специальной функции.

Заключение

Оба метода предоставляют гибкий и эффективный способ выполнения итерации определенное количество раз в AngularJS , что позволяет разработчикам создавать динамичные и адаптируемые пользовательские интерфейсы.