订阅后,SwitchMap上的Forkjoin不会返回

时间:2017-06-10 01:56:59

标签: angular typescript angular-observable

我正在编写一个Observable,它将从服务器获取用户,并尝试通过仅获取唯一用户然后缓存它们来提高性能。我还使用forkjoin在返回所有用户后更新用户数组。

首先,我使用服务电话从服务器获取用户:

getUsersById(user_ids: number[]): Observable<User[]> {
  return Observable.forkJoin(user_ids.map(x => this.getUserById(x)));
}

这使用以下函数返回对象的observable,具体取决于它是否存在于缓存中或是否需要从服务器中检索。

public getUserById(user_id: number): Observable<User> {
  let tmpUser = this.users.find(x => x.id == user_id);
  if (tmpUser != null) {
    return Observable.of(tmpUser);
  } else {
    // Get Token From Cognito Session
    return this.cognito.getIdToken()
      .flatMap(token => {
      // Convert token into Header and retrieve from server
      let headers = this.getAuthHeader(token);
      return this.http
        .get(`${this.userURL}/${user_id}`, {headers: headers})
        .map((response) => response.json())
        .map(result => {
          let newUser = new User();
          newUser.deserialize(result);
          this.users.push(newUser);
          return newUser;
          });
      });
   }
}

调用服务的组件上的代码如下:

ngOnChanges() {
  if(this.reports.length != 0) {
    // Get users for reports
    let users = this.reports.map(
      x => {
        return x.user_id;
      });
    // Get unique users
    let uniqueUsers = users.filter(function (item, i, ar) {
      return ar.indexOf(item) === i;
    });
    // Make call (ForkJoin) and wait for all to return
    this.userService.getUsersById(uniqueUsers).subscribe(
      users => {
        // Add users to user array
        this.users = this.reports.map(report => {
          return users.find(user => user.id === report.user_id);
        });
        this.reportsUpdate.emit(this.reports);
      }, err => {
        console.log(err);
      });
  }
}

我遇到的问题是,即使我可以验证getUserById调用是否正在运行并返回值,但ForkJoin永远不会返回。我很难过,虽然我不完全确定其差异,但我已经尝试了switchmap和flatmap。

**编辑**

getIdToken的代码在

之下
public getIdToken(): Observable<string> {
  return Observable.create(
    (observer: Observer<string>) => {
      let cognitoUser = this.getCurrentUser();
      if (cognitoUser != null) {
        cognitoUser.getSession((err, session) => {
          if (err) {
            console.log(err);
            observer.error(err);
          } else {
            if (session.isValid()) {
              observer.next(session.getIdToken().getJwtToken());
            }
          }
        });
      } else {
        observer.error('Failed To Retrieve Id Token');
      }
    });
};

getCurrentUser() {
  return this.getUserPool().getCurrentUser();
}

我已经确认该计划的确如此:

observer.next(session.getIdToken()getJwtToken());

所以看来Observer没有完成就是问题

1 个答案:

答案 0 :(得分:0)

问题出在cognito.getIdToken()调用中。我编写了在调用时发出令牌值的observable。问题是Observable.next()函数与Observable.complete()不一样我之后添加了调用并且它不能正常工作,如下所示

public getIdToken(): Observable<string> {
  return Observable.create(
    (observer: Observer<string>) => {
      let cognitoUser = this.getCurrentUser();
      if (cognitoUser != null) {
        cognitoUser.getSession((err, session) => {
          if (err) {
            console.log(err);
            observer.error(err);
          } else {
            if (session.isValid()) {
              observer.next(session.getIdToken().getJwtToken());
              observer.complete(); // NEW LINE HERE!!!
            }
          }
        });
      } else {
        observer.error('Failed To Retrieve Id Token');
      }
    });
};