递归放置的组件不显示

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;
}

但是pane中的ngFor组件未按预期显示 - 我看到了pane元素的正确数量，但它们没有填充模板内容。

Answer 1

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

添加：

directives: [Pane]

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