Angular 4 Data Binding over ng-repeat : <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>
