Angular2.如何检查观察是否完成?

前端之家收集整理的这篇文章主要介绍了Angular2.如何检查观察是否完成?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我的页面中有一个生成报告的按钮.该报告需要在加载页面时使用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的文档.我希望它有所帮助!

猜你在找的Angularjs相关文章