我希望在下一次有Angular 的HTTPS呼叫之前完成一次

发布于05月06日

这是我的Http请求在getAlluserData()中，我希望这个.getAnXSRfToken()在继续执行http请求之前完成excel;

  getAllUserData() {
    //get XSRF token
    this.getAnXSRfToken();
    return this.http
      .post<User[]>('http://localhost:8080/user/get-all-users-post', null, {
        observe: 'response',
        withCredentials: true,
      })
      .subscribe({
        next: (array) => {
          this.allUsersData.next(array.body);
        },
        error: (e) => {
          console.log(e);
        },
      });
  }

这是This.getAnXSRfToken()方法

  getAnXSRfToken() {
    return this.http
      .post<{
        parameterName: string;
        headerName: string;
        token: string;
      }>('http://localhost:8080/user/getXSRfToken', null)
      .subscribe({
        next: (tokenData) => {
          console.log('REQ --- token ---generated ');
          console.log(tokenData.token);
          this.XSRF_TOKEN.next(tokenData.token);
        },
        error: (e) => console.log(e),
      });
  }

推荐答案

删除订阅并返回可观察对象，然后您可以使用switchMap按顺序从XHR API调用切换到另一个API调用！

getAllUserData() {
    //get XSRF token
    this.getAnXSRfToken().pipe(
        switchMap(() => {
            return this.http
                .post<User[]>('http://localhost:8080/user/get-all-users-post', null, {
                    observe: 'response',
                    withCredentials: true,
                }).pipe(//array parameter was missed out 
                    tap((array) => {
                        this.allUsersData.next(array.body);
                    })
                )
        })
    ).subscribe();

}

getAnXSRfToken() {
    return this.http
        .post<{
            parameterName: string;
            headerName: string;
            token: string;
        }>('http://localhost:8080/user/getXSRfToken', null)
        .pipe(
            tap((tokenData) => {
                console.log('REQ --- token ---generated ');
                console.log(tokenData.token);
                this.XSRF_TOKEN.next(tokenData.token);
            })
        );
}