递归放置的组件不显示

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]

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

递归放置的组件不显示

Recursively-placed components not displaying

angular