title: Angular2 recursive component output
body: <p>I have following problem:
  let's assume that I have <code>Component A</code> that have two <code>subcomponents Ar</code> and <code>Ad</code>. <code>Subcomponent Ar</code> is recursive created tree and <code>subcomponent Ad</code> is component which shows details about choosen node in recursive tree (<code>subcomponent Ar</code>). How can I send selected node from sub(sub)component in <code>Ar</code> to <code>Component Ad</code> using <code>@Output</code>? Should it be <code>@Output</code> or something else?</p>
  
  <p><strong>app.component.html:</strong></p>
  
  <pre><code>&lt;tree [input]="fooTree" [output]="updateDetails($event)"&gt;&lt;/tree&gt;
  &lt;tree-details [input]="input"&gt;&lt;/tree-details&gt;
  </code></pre>
  
  <p><strong>tree.component.html:</strong></p>
  
  <pre><code>&lt;tree [input]="fooTree.children"&gt;&lt;/tree&gt;
  </code></pre>
  
  <p><strong>tree-details.component.html</strong></p>
  
  <pre><code>&lt;div&gt;{{input.name}}&lt;/div&gt;
  &lt;div&gt;{{input.id}}&lt;/div&gt;
  </code></pre>
  
  <p>In this case I will see only root tree details, how can I do this to get info from other node (one of recursivly created), when is selected?</p>