AngularJS ng-options创建范围

发布时间：2020-12-17 08:34:52 所属栏目：安全来源：网络整理

导读：我试图创建一个select元素，其中有一列数字1到页面，其中pages是一个变量，这是我有的页数。我不知道如何做是结构的ng选项表达式，以便它会给我我需要的数字。这是我到目前为止 select ng-model="page" ng-options="???"/select 我需要放在ng-options表达式

我试图创建一个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放在我的前面。所以我在你的例子中声明为一个全局变量。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!