title: How to dynamic change component template at runtime?. Angular 4
body: <p>I have a menu bar and action panel. A action panel is just simple div in which inside I want to display different components.</p>
  
  <p>For example:
  User click button A -> display Component A in action panel;
  User click button B -> display Component B in action panel;</p>
  
  <p>What is the best way to do this?</p>
  
  <p>I thought to use ngswtich in my template, for example (pseudocode!).</p>
  
  <pre><code>&lt;div id="action-panel"&gt;
      &lt;div [ngSwitch]="componentType"&gt;         
          &lt;div *ngSwitchCase="userComponent"&gt;
              &lt;user-component&gt;&lt;/user-component&gt;
          &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>