title: AngularJS adding incremental numbers to a select list
body: <p>I want a select box where I can choose from a list with a min/max number.</p>
  
  <p>Currently my number is just 1 to 10  so I have the below.</p>
  
  <pre><code>&lt;body ng-app="demoApp"&gt;
      &lt;div ng-controller="DemoController"&gt;
              &lt;select ng-model="selectedItem"
                  ng-options="opt as opt for opt in options"&gt;
              &lt;/select&gt;
              The value selected is {{ selectedItem }}.
      &lt;/div&gt;
  &lt;/body&gt;
  angular.module('demoApp', []).controller('DemoController', function($scope) {
    $scope.options = [1,2,3,4,5,6,7,8,9,10];
    $scope.selectedItem = $scope.options[1];
  });
  </code></pre>
  
  <p>What is the best approach here?  For example if I wanted to choose from numbers between 1 and 100 I wouldn't want to list each number just the lowest and highest.
  With vanilla JS I was thinking something like the below but looking for a more angular approach here so I can easily use ng-model to update my data.</p>
  
  <pre><code>var selectList = '&lt;select&gt;';
  for (var x = 0; x &lt; 100; x++) {
        selectList += "&lt;option value="+ x +"&gt;" + x + "&lt;/option&gt;";
  }
  selectList += '&lt;/select&gt;';
  </code></pre>