title: Angular 4 Data Binding over ng-repeat
body: <p>I've recently switched to Angular 4 from Angular 1 and lots of things seem to be new to me now. One of them seems to relate to data-binding. In the old version, I would declare an array as $scope.arrname in the JS controller and I could navigate over it in the HTML view using ng-repeat. </p>
  
  <p>Now, when I am trying to achieve the same outcome, it only works partially. What am I doing wrong?</p>
  
  <p>Example: In a component, I declared a test array testarr : any[] = [1,2,3];</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>{{testarr}}
     &gt; Prints 1,2,3 on the scrreen 
  
  
  &lt;ol&gt;
    &lt;li ng-repeat="item in testarr"&gt;{{item}}ITEM Found!&lt;/li&gt;
  &lt;/ol&gt;
  
  
  &gt;only iterates 1 time (ignoring the 2,3) in the array.</code></pre>
  </div>
  </div>
  </p>
  
  <p>Why does my code not iterate over the array as it was the case previously
  ? What am I missing here?</p>