title: Loop through html tags in Angular2
body: <p>I want to build a table with Angular2 that has 48 rows and I want to do that with a ngFor. For now I do it by going through an array (size 48), but I think its pretty inefficient and not a good programming style. 
  Is there an elegant way for doing loops of  html-tags in Angular2? Is there something like a normal for where I can set start and end?</p>
  
  <p>In the Component I have this Array:</p>
  
  <pre><code>private rows = new Array(48);
  </code></pre>
  
  <p>The HTML looks like this:</p>
  
  <pre><code>&lt;table border="1"&gt;
    &lt;tr *ngFor="#row of rows ; #i = index"&gt;
      &lt;td&gt;{{i}}&lt;/td&gt;
     &lt;/tr&gt;
   &lt;/table&gt;
  </code></pre>