title: How can I remove (not hide) an Angular child element from DOM when it raises an event?
body: <p>I am creating a list of child elements via <code>*ngFor</code> directive (not with ComponentFactory)
  Something like this:</p>
  
  <pre><code> &lt;ul class="nav navbar-nav"&gt;
     &lt;top-menu #topmenu *ngFor="let menu of menus" (onDeleteMe)="handleDeleteMenu($event)"&gt;
    &lt;/top-menu&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>now I want <code>handleDeleteMenu</code> to remove the component from the DOM. Is this possible as is? Or should I change the template to create the components with the component factory?</p>