我遇到了一个递归嵌套组件的奇怪问题。嵌套基于一个数组,其中每个下一个项目将在嵌套中再上一层(块对象内的数组称为实体):
<app-chunk [chunk]="chunk" [increment]="(increment + 1)"></app-chunk>
-
@Input() chunk;
ngOnInit() {
// Check if it's the final nesting
if (!this.chunk.entities || this.chunk.entities.length <= this.increment) {
this.isThrough = true;
} else {
this.isThrough = false;
}
}
到目前为止,嵌套工作正常,但是,当我更改数组时,更改不会反映到整个嵌套组件中。
例如从数组中删除将导致嵌套组件的一级消失,这是没有发生的。基本上,我需要完全重新渲染递归组件树,对吧?
但是,可以这样做吗? (已经尝试过NgZone.run,ApplicationRef.tick)=>尚未成功