javascript - 如何根据输入到 ng-model 中的数量添加新 html 元素的数量

Question

我是 Angular 的新手。我正在尝试根据输入到模型中的值添加图标/输入标签。

例如我有一个模型座椅

  <input ng-model ="seat" >  //lets say user enters 3 

我想动态生成三个模型作为

<input ng-model="seat.seat1">
<input ng-model="seat.seat2">
<input ng-model="seat.seat2">

提前致谢..

Answer 1

Controller 中的初始$scope.seats:

$scope.seats = [];

并将以下代码添加到模板中:

<input ng-model="seats.length">
<input ng-repeat="seat in seats track by $index" ng-model="seats[$index]">

当将seats.length更改为3时，它会临时将null添加到数组中。

$scope.seats // [null, null, null]

所以必须使用track by $index来避免同值问题

Demo on plnkr here