title: Recursively-placed components not displaying
body: <p>I have the following component, which displays child components of its own type for each element in an array. </p>
  
  <pre><code>@Component({
    selector:'pane',
    template: `
         &lt;pane [item]="item"&gt;
             &lt;div&gt; 
                 &lt;pane *ngFor="#subItem of item.subItems" [item]="subItem"&gt;&lt;/pane&gt;
             &lt;/div&gt;
             &lt;div innerHtml="item.getContent()"&gt;&lt;/div&gt;
         &lt;/pane&gt;
     `
  )}   
  export class Pane {
    @Input() item: any;
  }
  </code></pre>
  
  <p>But the <code>pane</code> components inside the <code>ngFor</code> are not being displayed as expected - I see the correct number of <code>pane</code> elements, but they are not populated with the template contents.</p>