我有一个问题,我需要知道如何继续进行方法的等待。
我在组件中有一个通过http get拨打的电话:
private minTimestamp: Date;
private maxTimestamp: Date;
ngOnInit(): void {
this.getTimestamps();
const filters: EventFilters = this.getFilters();
this.dtOptions = this.eventsService.GetEvents(filters);
}
private getFilters(): EventFilters {
console.log(this.selectedStartDate);
console.log(this.selectedStartTime);
return { FromTimestamp: new Date(`${this.selectedStartDate} ${this.selectedStartTime}`).toISOString(), ToTimestamp: new Date(`${this.selectedEndDate} ${this.selectedEndTime}`).toISOString()};
}
private getTimestamps() {
this.eventsService.GetMinMaxTimestamp()
.subscribe(
result => {
this.srcChannels = result;
console.log('Src channels loaded');
},
error => {
console.error(error);
this.toastr.error('Fetching source channels filter failed');
}
);
}
在使用中:
public GetMinMaxTimestamp(): Observable<TimestampBoundaries> {
return this.http.get<TimestampBoundaries>(`${this.endpointsBaseUrl}GetMinMaxTimestamp`);
}
现在的问题是GetEvents使用这些日期,并且getTimestamps稍后完成,然后触发get事件并且值未定义。有办法吗?
答案 0 :(得分:1)
不确定为什么要对getEvents使用时间戳,因为根据代码,您需要对getEvents而不是时间戳进行过滤。但是,如果您需要在获得时间戳记后调用它,这里是解决方案。
解决方案是在完成getTimeStamps之后调用getEvents,而不是在onInit上调用它。
private minTimestamp: Date;
private maxTimestamp: Date;
ngOnInit(): void {
this.getTimestamps();
}
private getFilters(): EventFilters {
console.log(this.selectedStartDate);
console.log(this.selectedStartTime);
return { FromTimestamp: new Date(`${this.selectedStartDate} ${this.selectedStartTime}`).toISOString(), ToTimestamp: new Date(`${this.selectedEndDate} ${this.selectedEndTime}`).toISOString()};
}
private getTimestamps() {
this.eventsService.GetMinMaxTimestamp()
.subscribe(
result => {
this.srcChannels = result;
console.log('Src channels loaded');
const filters: EventFilters = this.getFilters();
this.dtOptions = this.eventsService.GetEvents(filters);
},
error => {
console.error(error);
this.toastr.error('Fetching source channels filter failed');
}
);
}
因此,基本上,您可以获取过滤器,并在获取时间戳后调用getEvents
让我知道这是否对您有用。