How to bubble up angular2 custom event
<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>