title: Render Components from Array loop
body: <p>In my app.component.ts I have an array with the component tags.</p>
  
  <pre><code>compData = ['app-component-one', 'app-component-two', 'app-component-three'];
  </code></pre>
  
  <p>Then in my app.component.html I have this:</p>
  
  <pre><code>&lt;div *ngFor="let comps of compData"&gt;
  
      // I tried this: {{comps}} but that will not render the components
  
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I do this so I can render each component?</p>