Angularjs中的可编辑列表

时间:2016-08-24 00:34:51

标签: angularjs

我想创建一个列表,用户不仅可以编辑单个步骤,还可以编辑步骤数。我怎么能在Angularjs中做到这一点?

我遇到的问题是,如果我在" ol"中使用ng-model?我不认为我可以创建一个单独的元素列表,但如果我在" li"中使用ng-repeat。那么我不认为我可以在列表中添加新元素。什么是解决这个问题的最佳方法?

1 个答案:

答案 0 :(得分:0)

您可以这样做:

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>