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

发布时间：2020-12-17 07:29:52 所属栏目：安全来源：网络整理

导读：在我的页面中有一个生成报告的按钮.该报告需要在加载页面时使用http调用加载到休息端点的数据,但我无法保证在用户按下报告按钮时加载它们. 我怎样才能观察观察结果是否完整,如果不完整,等待动作直到http呼叫完成？以下是一些代码： loadCompanies(): void {

在我的页面中有一个生成报告的按钮.该报告需要在加载页面时使用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的文档.我希望它有所帮助！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!