title: Render Component Dynamically
body: <p>I have this array:</p>
  
  <pre><code>this.dashboard = [
       {name: '&lt;app-incassi-provvigioni&gt;&lt;/app-incassi-provvigioni&gt;'},
       {name: '&lt;app-scheda-punti-vendita&gt;&lt;/app-scheda-punti-vendita&gt;'}
  ]
  </code></pre>
  
  <p>I populate this array on the ngOnInit cycle.
  I was wondering how can I render the components when I read my array in the html like that:</p>
  
  <pre><code>&lt;gridster [options]="gridsterOptions"&gt;
      &lt;gridster-item [item]="item" *ngFor="let item of dashboard"&gt;
          &lt;!-- your content here --&gt;
          {{item.name}}
      &lt;/gridster-item&gt;
  &lt;/gridster&gt;
  </code></pre>
  
  <p>Of course right now it returns the string contained in the object but I'm trying to find a solution to render the component.
  It is possible to do that?</p>
  
  <p>More details:
  I am developing a dashboard type app where I retrieve the list of the user dashlet from the DB and I'm trying to render those components dynamically once the main app component is ready.
  using Angular 7 &amp; Gridster2.</p>