title: When exactly is component destroyed?
body: <p>In Angular 2 with Ahead-of-Time (AOT) compiling, I have a parent component and a child component, like this:</p>
  
  <pre><code>&lt;div&gt;
      &lt;h1&gt;I am a parent&lt;/h1&gt;
      &lt;myChild *ngIf="showChild"&gt;&lt;/myChild&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I know that the child template is inserted to the DOM dynamically.</p>
  
  <p>If <code>showChild</code> is evaluated to <code>false</code>, when exactly does Angular destroy the child component? Or will Angular destroy the child component at all? Is that the time Angular invokes the <code>onDestroy()</code> method? </p>