递归放置的组件不显示

Question

我有以下组件，它显示了数组中每个元素自己类型的子组件。

@Component({ 
    selector:'pane', 
    template: ` 
     <pane [item]="item"> 
      <div> 
       <pane *ngFor="#subItem of item.subItems" [item]="subItem"></pane> 
      </div> 
      <div innerHtml="item.getContent()"></div> 
     </pane> 
    ` 
)} 
export class Pane { 
    @Input() item: any; 
} 

但预期不被显示ngFor内pane部件 - 我看到pane正确的元素数，但它们不与模板的内容填充。

Answer 1

这是因为您需要在装饰器的directives属性中声明组件自己的类型，就像您使用其他指令一样。

添加：

directives: [Pane] 

你的组件元数据 导致预期的行为。