title: Angular 2: How to pass down a template through a component property?
body: <p>How to pass down a template through a component property in angular 2?</p>
  
  <p>I've only made the first steps:</p>
  
  <pre><code>@Component({
      selector: 'tab',
      template: `&lt;div&gt;#!HERE GOES THE HEADER TEMPLATE!#
                  &lt;ng-content&gt;&lt;/ng-content&gt;
                &lt;/div&gt;`
  })
  export class Tab {
      @Input() title: string;
      @Input() headerTemplate:string;
      ...
  </code></pre>
  
  <p>That could be used something like this:</p>
  
  <pre><code>&lt;tab [title]="'Some Title'" [header-template]="'&lt;p&gt;{{title}}&lt;/p&gt;'"&gt;Some Content&lt;/tab&gt;
  </code></pre>
  
  <p>That should render: </p>
  
  <pre><code>&lt;div&gt;&lt;p&gt;Some Title&lt;/p&gt;Some Content&lt;/div&gt;
  </code></pre>
  
  <p>At this point I'm stuck.</p>