我想循环 ng-options 50 次我该怎么做

Question

<select  ng-model="test" ng-init="test = '1'">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    ............................
    ............................
    ............................
    <option value="48">48</option>
    <option value="49">49</option>
    <option value="50">50</option>
</select>

我已经尝试过我需要的这种格式的东西：

<select 
ng-model="test" 
ng-options="1 as One"
ng-init="test = '1'"
range="50"
>
</select>

如何让它像 angularjs ng-options 中的 for 循环一样，我想循环 ng-options 50 次我该怎么做

Answer 1

ng-repeat 或 ng-options 不是 foreach 循环。他们采用数组，而不是输入范围。所以在控制器中初始化一个数组并将其作为参数传递给那里：

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    // use your favourite filling method
    $scope.array = Array(50).fill().map((e,i)=>i+1);
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

<div ng-app="myApp" ng-controller="myCtrl">

<select ng-init="test=1" ng-model="test" ng-options="x for x in array">
</select>
{{test}}

</div>

Answer 2

您可以使用 ng-repeat 并传入 1 到 50 的数组。

<option ng-repeat="i in myArray"></option>

Answer 3

您可以按以下方式操作：

   <select  ng-model="test" ng-init="test = '1'">
        <option ng-repeat="number in getLoop()" ng-value="{{$index+1}}">{{$index+1}}</option>
    </select>

然后在您的控制器中添加以下内容：

$scope.loopSize= 5;
$scope.getLoop= function() {
    return new Array($scope.loopSize);   
}

我想循环 ng-options 50 次我该怎么做

i want to loop ng-options for 50 times how can i do it

angularjs

angularjs-ng-repeat

ng-options

angularjs-ng-options