尝试调用异步变量时，@ ViewChild组件未定义

如何解决尝试调用异步变量时，@ ViewChild组件未定义

我使用了@ViewChildren组件：

@ViewChildren("MyTest2Component") public myTest2Component: QueryList<MyTest2Component>


public ngAfterViewInit() {

this.myTest2Component.changes.subscribe((comps: QueryList <MyTest2Component>) =>
{
    console.log(comps.first.data); // data is async,here is undefind
});

}

但是尝试调用异步变量 data 时，返回 undefind

我该怎么解决这个问题？

解决方法

在子组件中，您可以定义一个事件，以在数据发生如下变化时通知父项。

@Component({
  selector: 'parent-component',template: '<child-component (dataChanged)="onChildDataChanged($event)"></child-component>',styles: ['']
})
export class ParentComponent {
    onChildDataChanged(newData) {
        // tweak with new data
    }
}

@Component({
  selector: 'child-component',template: '<div></div>',styles: ['']
})
export class ChildComponent implements OnInit {
    @Output() dataChanged: EventEmitter<any> = new EventEmitter<any>();
    
    ngOnInit(): void {
        someAsyncOperation.subscribe(data => {
            this.dataChanged.emit(data);
        });
    }
}