angular – 递归放置的组件不显示

前端之家收集整理的这篇文章主要介绍了angular – 递归放置的组件不显示前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下组件,它为数组中的每个元素显示自己类型的子组件.
@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中的窗格组件没有按预期显示 – 我看到正确数量的窗格元素,但它们没有填充模板内容.

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

添加

directives: [Pane]

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

猜你在找的Angularjs相关文章