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>