在angular 2中如何在组件初始化后调用组件

Question

有没有办法在其他组件完成初始化后对其进行初始化？

我的情况是，我有一个完整的日历，当它完成初始化时，一个新的组件需要开始初始化，因为他需要日历中的数据。那么，是否有可能在第一个组件的初始化完成时捕获，以便开始第二个组件的初始化？

目前这两个组件一起启动，如果第二个组件先完成，我遇到了问题，它没有显示需要从第一个组件获取的信息

主要组件html：

<app-calendar-component [view]="calView" [callback]="calendarOptions" >
</app-calendar-component>
<app-weekdetails-component></app-weekdetails-component>

完整日历组件(需要初始化的第一个组件)：

ngOnInit(){
this.service.getTimes<any>(arg).subscribe((data:string)=> this.result = JSON.stringify(data),
        error => () => {
            console.log("error");
        },
        () => {
//data actions
this.my_events.events = dataArray;
            this.myCalendar.fullCalendar('addEventSource', this.my_events);
}
}

weekDetailsComponent (第二个组件)：

在这里调用另一个服务来获取包含在每一天中的数据，这个组件需要在完整日历完成后启动它的初始化。

Answer 1

试试这个：

TS：

showCalendar:boolean = false;
ngOnInit(){
this.service.getTimes<any>(arg).subscribe((data:string)=> this.result = JSON.stringify(data),
        error => () => {
            console.log("error");
        },
        () => {
//data actions
this.my_events.events = dataArray;
            this.myCalendar.fullCalendar('addEventSource', this.my_events);
            this.showCalendar = true;
}
}

HTML：

<app-calendar-component [view]="calView" [callback]="calendarOptions" >
</app-calendar-component>
<app-weekdetails-component *ngIf="showCalendar"></app-weekdetails-component>

{{showCalendar}}

Answer 2

您可以定义一个初始化为false的私有布尔属性，例如private isInit: boolean = false;。在回调中，您可以在日历回调中将此属性设置为true。在html中，您必须添加到第二个组件*ngIf=“isInit”中。

希望能有所帮助