title: Dynamically create array of HTML elements with typescript in Angular 2/4
body: <p>I want to dynamically add divs using a loop with typescript in angular. I want to reproduce the following pseudocode in my .ts component file:</p>
  
  <pre><code>i: number = 4;
  arrayofHTMLelements: html elements = [];
  
  for i in range (1, i):
      create div at index i
  </code></pre>
  
  <p>I'm assuming I could then slide the array of HTML elements into the .html component file using:</p>
  
  <pre><code>&lt;li *ngFor="let arrayofHTMLelement of arrayofHTMLelements; let i = index"&gt;{{i + 1}}: {{arrayofHTMLelements}}&lt;/li&gt;
  </code></pre>