前端之家收集整理的这篇文章主要介绍了
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;
}@H_403_2@
但是ngFor中的窗格组件没有按预期显示 – 我看到正确数量的窗格元素,但它们没有填充模板内容.
这是因为您需要在装饰器的directives
属性中声明组件自己的类型,就像使用任何其他指令一样.
添加:
directives: [Pane]@H_403_2@
到您的组件元数据导致预期的行为.
原文链接:https://www.f2er.com/angularjs/240380.html