title: How to bubble up angular2 custom event
body: <p>Parent template:</p>
  
  <pre><code>&lt;ul&gt;
     &lt;tree-item [model]="tree" (addChild)="addChild($event)"&gt;&lt;/tree-item&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Tree item template:</p>
  
  <pre><code>&lt;li&gt;
    &lt;div&gt;{{model.name}}
      &lt;span [hidden]="!isFolder" (click)="addChild.emit(model)"&gt;Add Child&lt;/span&gt;
    &lt;/div&gt;
    &lt;ul *ngFor="let m of model.children"&gt;
      &lt;tree-item [model]="m"&gt;&lt;/tree-item&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>For above example, parent receives addChild event only from the root tree-item (immediate child). Is it possible to bubble up addChild event from any tree-item?
  I am using angular 2.0.0-rc.0.</p>