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

Question

我是棱角分明的新人。我正在尝试根据输入到模型中的值添加图标/输入标签。

e.g。我有一个模特座位

  <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

控制器中的

初始$scope.seats：

$scope.seats = [];

并将以下代码添加到Template：

<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

Answer 2

使用ng-repeat并重复循环，直到模型值和内部创建模型。