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

我是新手.我试图根据输入模型的值添加图标/输入标签.

例如我有一个模特座位

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

我想动态生成三个模型

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

提前致谢 ..

解决方法:

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]

因此必须使用$index跟踪以避免相同值的问题

Demo on plnkr here

标签：angularjs,angularjs-ng-repeat,javascript
来源： https://codeday.me/bug/20191122/2056740.html