我试图创建一个select元素,其中有一列数字1到页面,其中pages是一个变量,这是我有的页数。我不知道如何做是结构的ng选项表达式,以便它会给我我需要的数字。这是我到目前为止
<select ng-model="page" ng-options="???"></select>
我需要放在ng-options表达式中,以便它创建我的选择喜欢
<select> <option value="1">1</option> ... <option value="35">35</option> </select>
我需要创建一个函数返回一个数字数组,并在那里使用它不知何故,还是有一个更简单的方法来做到这一点?
任何帮助将不胜感激。
谢谢
编辑
发布我的问题后,我想出了一种方法来创建一个函数Range在我的控制器,它接受两个数字,并返回一个数组,所有的值在该范围内。
$scope.Range = function(start,end) { var result = []; for (var i = start; i <= end; i++) { result.push(i); } return result; };
然后在HTML中我做了
<select ng-name="page" ng-options="page for page in Range(1,pages)"></select>
你的方式工作正常。另一个选择,我来到我的头是使用过滤器,所以你不必污染你的控制器与范围。
JS:
var myApp = angular.module('myApp',[]); myApp.filter('range',function() { return function(input,min,max) { min = parseInt(min); //Make string input int max = parseInt(max); for (var i=min; i<max; i++) input.push(i); return input; }; });
HTML:
<select ng-model="page" ng-options="n for n in [] | range:1:30"></select>
示例:http://jsfiddle.net/N3ZVp/1/
P.S。在你的例子中你的主要职位,你没有把var放在我的前面。所以我在你的例子中声明为一个全局变量。