Angular 5 链服务 observables 然后将 observable 返回到组件

Question

我需要打两个休息电话。休息呼叫 2 取决于休息呼叫 1。我想在继续之前将每个结果存储在服务中。然后我想向调用 rest call 1 的组件返回一个 observable，以便组件在出现问题时可以订阅。

服务代码：

login(username: string, password: string): Observable<AuthAccess> {
// rest call 1
return this.getAuthClient()
  .flatMap(res => {
    this.client = res.body;
    // rest call 2
    return this.authenticate(username, password)
      .flatMap(access => {
        this.userAccess = access.body;
        return Observable.of(this.userAccess);
      });
  });

}

我可以正确链接它，但是调用它并订阅该调用的组件将显示未定义的响应。对此的任何帮助将不胜感激，因为我无法找到有关此确切用例的响应。

Answer 1

Live working example。 使用 map 运算符（和 lettable 运算符 sintax），而不是链接一个新的 flatMap。

login(username: string, password: string): Observable<any> {
      // rest call 1
      return this.getAuthClient()
          .pipe(flatMap(res => {
              this.client = res.body;
              // rest call 2
              return this.authenticate(username, password)
                  .pipe(map(access => {
                      this.userAccess = access.body;
                      return this.userAccess;
                  }));
          }));
  }