title: Dynamically append one component into another component
body: <p>Here is my stackblitz link: <a href="https://stackblitz.com/edit/dashboard-inchara-npb4he?file=src%2Fapp%2Fapp.component.ts" rel="nofollow noreferrer">DEMO</a></p>
  
  <p>I am trying to append the 'table' component inside the #test of app component, when the visualization type is 'table'. For which, I am calling the <code>createTable()</code> which creates and appends <code>&lt;app-table&gt;</code> tags into the #test div. </p>
  
  <p><code>&lt;app-table&gt;</code> tag is present in the DOM but not the content of table.component.html (i.e, table works!)
  This could be because it is a mere tag and not a compiled component. </p>
  
  <p>How do I get the content of table component displayed inside of app component?</p>