Angularjs中的可编辑列表

Question

我想创建一个列表，用户不仅可以编辑单个步骤，还可以编辑步骤数。我如何在Angularjs中做到这一点？

我遇到的问题是，如果我在“ol”中使用ng模型，我不认为我可以创建单个元素的列表，但是如果我在“li”中使用ng-repeat，那么我不认为我可以在列表中添加新元素。解决这个问题的最好方法是什么？

Answer 1

你可以做这样的事情：

JS：

$scope.range = function(min, max, step) { 
    step = step || 1; 
    var input = []; 
    for (var i = min; i <= max; i += step) { 
     input.push(i); 
    } 
    return input; 
} 

$scope.list = []; 

$scope.printlist = function(){ 
    console.log($scope.list); 
} 

HTML：

<input type="number" ng-click="printlist()" ng-model="len"> 
<ol> 
    <li ng-repeat="n in range(0,len-1)"><input type="text" ng-model="list[n]"></li> 
</ol>