title: Angular 2 - transclude in child component
body: <p>I've a tree-view component (which uses a tree-view-item component) and I want to let the user to define the template of the items.</p>
  
  <p>something like this (which would display "Item:" followed by the name in bold) : </p>
  
  <pre><code>&lt;tree-view 
      [children]="folders" 
      childrenProperty="children"&gt;
      &lt;template&gt;Item:&lt;b&gt;{{item.name}}&lt;/b&gt;&lt;/template&gt;
  &lt;/tree-view&gt;
  </code></pre>
  
  <p>I can retrieve the <code>TemplateRef</code> using <code>@ContentChild</code> in the <code>TreeView</code> component class and access it from the <code>TreeViewItem</code> component but I've not found how to inject it into the dom of the item.</p>
  
  <p>You can fin a Plunker on my tree-view component here : <a href="http://plnkr.co/edit/IMqKV4TrwHoiWfJKHHQn?p=preview" rel="nofollow">http://plnkr.co/edit/IMqKV4TrwHoiWfJKHHQn?p=preview</a></p>
  
  <p>Is there a way to achieve this using Angular 2 ? </p>