title: Range of numbers in AngularJS not rendering with variable
body: <p>I can already render a list of numbers in angular using the following code in my controller</p>
  
  <pre><code>$scope.range = function(n) {
   return new Array(n);
  };
  </code></pre>
  
  <p>and I use it like so</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li class="ticked" ng-repeat="a in range(10) track by $index"&gt;{{$index + 1}}&lt;/li&gt;
  &lt;/ul&gt;  
  </code></pre>
  
  <p>and it draws 10 pretty </p>
  
  <pre><code>&lt;li&gt;1&lt;/li&gt; 
  ...
  ...
  &lt;li&gt;10&lt;/li&gt;
  </code></pre>
  
  <p>as expected</p>
  
  <p>Now I when I am trying to use this code with a scope variable instead of ten i.e</p>
  
  <pre><code>item.itemTickCount
  </code></pre>
  
  <p>If I output <code>{{item.itemTickCount}}</code> I see 13 but when I try to render</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li class="ticked" ng-repeat="a in range(item.itemTickCount) track by $index"&gt;{{$index + 1}}&lt;/li&gt;
  &lt;/ul&gt; 
  </code></pre>
  
  <p>I just get 1 <code>&lt;li&gt;&lt;/li&gt;</code> when it should be 13</p>
  
  <p>What am I doing wrong.</p>
  
  <p>Note I have already tried</p>
  
  <pre><code>range(itemTickCount)
  range({{item.itemTickCount}})
  </code></pre>