title: Angular 2 load child component on click
body: <p>Is it possible to load the child component when button in parent template is clicked? For instance, the parent template html would look like:</p>
  
  <pre><code>&lt;button (click)="loadMyChildComponent();"&gt;Load&lt;/button&gt;
  &lt;my-child-component&gt;&lt;/my-child-component&gt;
  </code></pre>
  
  <p>The reason I want to do it like that is because the my-child-component takes some time to load and it slows down everything. Therefore, I'd like to load it only if user clicks to load it. I cannot change the parent template structure. It has to be there. </p>
  
  <p>I want to enter ngOnInit of child's component only when load button is clicked. </p>