Question

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

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

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

主要组件html：

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

fullcalendar组件（需要初始化的第一个组件）：

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（第二个组件）：

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

Answer 1

试试这个：

TS：

ParseRelation<ParseUser> relation = getCurrentUser().getRelation("following");
ParseQuery<ParseUser> query = relation.getQuery();

HTML：

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;
}
}

Answer 2

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

希望它可以提供帮助

如何在角度2中的组件初始化后调用组件

2 个答案: