ng-content select bound variable : <p>I'm trying to create a form builder using angular 2.  An very basic example is as follows:</p>

<pre><code>this.fields = [{name: 'Name', type: 'text'}, {name: 'Age', type: 'number'}];
</code></pre>

<p>But I also want to support custom elements like:</p>

<pre><code>this.fields = [
  {name: 'Name', type: text}, 
  {name: 'Age', type: 'custom', customid: 'Ctl1'},
  {name: 'Whatever', type: 'custom', customid: 'Ctl2'}
];
// template:
&lt;super-form [fields]="fields"&gt;
  &lt;Ctl1&gt;&lt;input type="number" ...&gt;&lt;Ctl1&gt;
  &lt;Ctl2&gt;&lt;whaterver-control ...&gt;&lt;Ctl2&gt;
&lt;/super-form&gt;
</code></pre>

<p>In my form builder component I then have something like:</p>

<pre><code>&lt;div *ngFor="let f of fields"&gt;
  &lt;div [ngSwitch]="f.type"&gt;
    &lt;span *ngSwitchWhen="'custom'"&gt;          
      &lt;ng-content select="f.customid"&gt;&lt;/ng-content&gt;
    &lt;/span&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>But given that I'm here this obviously does not work.  Is this an ng2 limitation?  If so, I guess I could hard code say 5 optional content elements and check if they are specified and not have dynamic selects but this is a hack.</p>

<p>Cheers</p>
