Связывание ng-repeat с пустым массивом

Question

Есть ли более элегантный способ сделать это?

<input type="text" id="items" ng-model="items[0]" placeholder="item1"> 
<input type="text" id="items" ng-model="items[1]" placeholder="item2"> 
<input type="text" id="items" ng-model="items[2]" placeholder="item3"> 
<input type="text" id="items" ng-model="items[3]" placeholder="item4"> 
<input type="text" id="items" ng-model="items[4]" placeholder="item5"> 

Я хочу использовать ng-repeat, но нет никаких пунктов, чтобы через перебор, потому что items пуст сначала.

Answer 1

Вы можете использовать трек по $ индекса перечислить нулевой заполненный массив:

см в jsbin

<div ng-repeat="item in c.list track by $index"> 
    <input type="text" id="items" ng-model="c.list[$index]" placeholder="item{{$index + 1}}"> 
</div> 

Answer 2

ng-repeat не будет проходить через пустой массив. Вы можете попробовать элементы настроек массива из 5 пустых объектов, а затем обновить объекты позже.

Answer 3

Вы можете установить элементы в контроллере, как следующее:

$scope.items = [null, null, null, null, null]; 

При этом вы будете иметь массив для перебора.

Answer 4

Или вы можете фактически инициализировать его по-другому в своем контроллере с помощью нового ключевого слова.

$scope.items = new Array(5);