Angular 9服务，请确保在完成下一个通话之前已完成上一个通话

由 oautem发布于 2020-05-09 12:29:51

在我当前的场景中，我需要先获取usercontext（具有用户文化，ID和令牌之类的信息），然后再呈现主页/主页之前将其与后续调用（作为标题）一起传递。

问题特别是与Observables和异步管道有关，它们都一个接一个地运行，从而使后续调用失败。

我尝试使用路由解析器，但问题是在多个位置（页眉/导航栏）和主页中调用了userContent，因此无法正确同步。

另外，在解析程序调用的服务中，最好的方法是缓存/存储数据，以便可以在以后的调用中使用它。

请帮忙。

非主流网名

2020-05-09 12:29:51

您可以使用类似这样的回调方法来进行后续调用：

       ngOnInit() {

            this.firstApiCallFunction(function () {
              this.secondApiCallingFunction();
            });


        }




    firstApiCallFunction(callback) {
        if (typeof callback === "function") {
          this.myService.getUseroCntext(this.reqData).subscribe(
            res => {
              console.log("getUseroCntext res:",res);
              this.user = res.user;
              callback.call(this, this.user);
            }, err => {
              console.error("Error occured when getUseroCntext", err);
              callback.call(this, "User Load Failed");
            });
        }
    }


    secondApiCallingFunction(): void {
        this.myService.getOtherInfo(this.user).subscribe(
            res => {
            console.log("getOtherInfo: ", res);
            },
            err => {
              console.log("getOtherInfo  error: ", err);
            });
     }

oautem

这家伙很懒，什么都没留下

积分
0
话题
0
评论
3149
注册排名
1352