AngularJS ng-options create range

Question

Я пытаюсь создать элемент select, который имеет список чисел 1 на страницы, где страницы являются переменной, которая представляет собой количество страниц, которые у меня есть. То, что я не знаю, как это сделать, - структурировать выражение ng-options, чтобы оно дало мне нужные мне числа. Вот то, что я до сих пор

<select ng-model="page" ng-options="???"></select> 

что мне нужно положить в выражении нг-опций для того, чтобы создать мой выбор, как

<select> 
    <option value="1">1</option> 
    ... 
    <option value="35">35</option> 
</select> 

мне нужно создать функцию, которая возвращает массив чисел и использует его там как-то или есть более простой способ сделать это?

всякая помощь была бы принята с благодарностью.

Благодаря

EDIT

После размещения на мой вопрос я понял, один из способов сделать это путем создания функции под названием 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> 

Это самый простой способ сделать это, или есть способ лучше?

Answer 1

Ваш путь работает нормально. Другой вариант, который пришел мне в голову, - использовать фильтр, поэтому вам не нужно загрязнять ваш контроллер Range.

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 перед i. Итак, i объявлен как глобальная переменная в вашем примере.

Answer 2

Пожалуйста, добавьте нг-модель, как показано ниже

<select ng-model="test" ng-options="n for n in [] | range:1:30"></select> 

После этого ваш пример будет работать в jsfiddle

Answer 3

другой подход без цикл заключается в следующем:

контроллер:

$scope.arr = []; 
$scope.arr.length = count; 

вид переплет:

ng-options="arr.indexof(i) for i in arr" 

Answer 4

Решение Энди отлично, однако диапазон не может идти назад.Вот улучшенная версия:

/* 
* Creates a range 
* Usage example: <option ng-repeat="y in [] | range:1998:1900">{{y}}</option> 
*/ 
myApp.filter('range', function() { 
    return function(input, start, end) {  
    start = parseInt(start); 
    end = parseInt(end); 
    var direction = (start <= end) ? 1 : -1; 
    while (start != end) { 
     input.push(start); 
     start += direction; 
    } 
    return input; 
    }; 
}); 

Answer 5

В CoffeeScript:

app.filter 'range', -> 
    (input, min, max) -> 
    input.push(i) for i in [parseInt(min)..parseInt(max)] 

И HTML:

<select ng-options="n for n in [] | range:1:30"></select> 

Вот gist with the Javascript

Answer 6

Спекуляция на ответ Martynas. Я изменил его, чтобы включить последнее значение в диапазоне:

/* 
* Creates a range 
* Usage example: <option ng-repeat="y in [] | range:1998:1900">{{y}}</option> 
*/ 

.filter('range', function() { 
    return function (input, start, end) { 
     var direction; 

     start = parseInt(start); 
     end = parseInt(end); 

     if (start === end) { return [start]; } 

     direction = (start <= end) ? 1 : -1; 

     while (start != end) { 
      input.push(start); 

      if (direction < 0 && start === end + 1) { 
       input.push(end); 
      } 

      if (direction > 0 && start === end - 1) { 
       input.push(end); 
      } 

      start += direction; 
     } 

     return input; 
    }; 
}); 

Answer 7

Если вы хотите добавить местозаполнитель в списке, используйте нижеприведенное решение. Сначала необходимо определить фильтр like this.

<select> 
    <option value="">-- Birth Year --</option> 
    <option ng-repeat="n in [] | range:1900:2000">{{n}}</option> 
</select> 

Answer 8

Другое решение сохранить все это в шаблоне:

<select> 
    <option ng-repeat="n in [].constructor(10) track by $index+1">{{$index+1}}</option> 
</select>