如何在ng-repeat中使用ng-model值

Question

我是Angular的新手,并且难以使用ng-repeat和ng-model.

我的HTML代码有点像这样:

<form>
    <input type="text" ng-model="no_of_sets" placeholder="number of sets" name="no_of_sets">
    <button>Submit</button>
</form>

<div ng-repeat="a in range(no_of_sets) track by $index">{{no_of_sets}}</div>

我的控制器代码是这样的:

$scope.range=function(no) {
    return new Array(no); 
};

我希望用户在文本框中输入一个数字并多次打印他的数字.

但是这段代码似乎不起作用.我哪里错了？

Answer 1

您的代码中发生了什么:创建数组的函数只会给您未定义的次数与用户输入的值相同.您需要一个具有该数字的数组仅重复该次数.

为此你可以做这样的事情:

    <form ng-submit="createArray()">
        <input type="text" ng-model="no_of_sets" placeholder="number of sets" name="no_of_sets">
        <button type="submit">Submit</button>
    </form>
    <br>
    <br>
    <div ng-repeat="a in arr track by $index">{{no_of_sets}}</div>

控制器:

    $scope.createArray = function(){

        $scope.arr = [];

        for (var i=0; i< $scope.no_of_sets; i++){
            $scope.arr.push($scope.no_of_sets);
        };

    };