Angularjs输入增加了一些元素

时间:2016-06-09 09:47:27

标签: angularjs input angularjs-ng-repeat

我有一个输入数字的简单输入。

当我输入一个数字时,我想在下面直接创建这个数量的按钮。

示例:我在输入中键入“8”。

下面会创建8个按钮
<input type="text" placeholder="Number of steps" ng-model="nbrOfSteps">

1 个答案:

答案 0 :(得分:0)

<input type="number" ng-model="itemNumber" ng-change="generateButtons()">
<div>
  <button ng-repeat="button in list track by $index">button#{{$index}}</button>
</div>

在控制器

$scope.generateButtons = function(){
   $scope.list = [];
    for(i=0;i<$scope.itemNumber;i++){
        $scope.list.push("");
    }
}

https://jsfiddle.net/ebinmanuval/oqopaw5r/