AngularJS ng-options create range

by

Your way works fine. Another option that came to my head is to use a filter, so you don’t have to pollute your controller with 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>

Example: http://jsfiddle.net/N3ZVp/1/

P.S. in your example in your main post, you didn’t put var in front of i. So i is declared as a global variable in your example.

More Related Contents:

  1. The Advantages when we put AngularJS within Symfony web application
  2. Why does AngularJS include an empty option in select?
  3. AngularJS access parent scope from child controller
  4. How to Display blob (.pdf) in an AngularJS app
  5. How to execute AngularJS controller function on page load?
  6. AngularJS: How to make angular load script inside ng-include?
  7. Injecting $scope into an angular service function()
  8. How do I store data in local storage using Angularjs?
  9. Is there a way to make AngularJS load partials in the beginning and not at when needed?
  10. Angular $scope.$apply vs $timeout as a safe $apply
  11. Preserve line breaks in angularjs
  12. Getting an error when using ng-controller in angularjs ver 1.3.0 [duplicate]
  13. Dynamically set the value of ui-sref Angularjs
  14. Angular Js – set token on header default
  15. Clear History and Reload Page on Login/Logout Using Ionic Framework
  16. What is `priority` of ng-repeat directive can you change it?
  17. Track to see when a view changes in angularjs
  18. What is ng-transclude?
  19. Angular.js programmatically setting a form field to dirty
  20. How to detect browser using angularjs?
  21. How can I preserve new lines in an AngularJS partial?
  22. Exclamation mark after hash (#!) in angularjs app
  23. How to share data between two modules in AngularJS?
  24. AngularJS ng-model-options getter-setter
  25. When to use double braces {{}} in angularJS
  26. Angular reload current route and reload the current template
  27. XMLHttpRequest cannot load and Response for preflight has invalid HTTP status code 405
  28. Angular and mixing jQuery UI – Why not?
  29. Prepend optional attribute in angular ui-router URL
  30. E2E mock $httpBackend doesn’t actually passThrough for me

Leave a Comment