在我的页面中有一个生成报告的按钮.该报告需要在加载页面时使用http调用加载到休息端点的数据,但我无法保证在用户按下报告按钮时加载它们.
我怎样才能观察观察结果是否完整,如果不完整,等待动作直到http呼叫完成？以下是一些代码：
loadCompanies(): void {
this._companyService.getCompanies().subscribe(
response => {
this.companiesModel = response;
},err => console.log(err)
);
}
generateReport() {
// check if observable that loads companies is completed and do the
// action using companiesModel.
}
一个选项是在加载公司中设置标志,其值为“loading”和“completed”,并在generateReport()中等待,直到标志完成为止,
但如果可能的话,我更喜欢使用Observable API的解决方案.
您可以通过在订阅中使用onCompleted回调来完成此操作.例如,假设您在用户按下报告按钮时显示加载栏;
loadCompanies(): void {
this._companyService.getCompanies().subscribe(
response => {
this.companiesModel = response;
},err => {
console.log(err);
//closeLoadingBar();
},() => {
//do whatever you want
//closeLoadingBar()
}
)
}
generateReport() {
//showLoadingBar()
this.loadCompanies();
}
如果从http调用中收到错误,则不会调用onCompleted方法,只会调用onError.如果成功,将在onNext方法之后调用onCompleted方法.
这是subscribe的文档.我希望它有所帮助！
