如何将承诺连接到这条链？

Question

我有一个检索一个用户数据的函数。现在我想像这样在这个函数中获取 user_id：

    this.storage.get(USER_ID).then(val => {
             this.id = val;
)}

所以 api 知道它需要哪个用户的 id。 我必须插入的主要功能是：

ngOnInit() {
    this.subscription = this.authService.authenticationStateSubject.pipe(
      switchMap(isAuthenticated => {
        if (isAuthenticated) {
          return this.userService.getUserDetails(this.id);
        } else {
          return of(null);
        }
      }),
    ).subscribe(
      result => {
        if (result) {
          this.information = result;
          console.log(this.information);
        } else {
        }
      },
      error => {
      }
    );
  }

我试图将我的 sn-p 放在 if (isAuthenticated) { 之后，但不知何故它不适用于最后两个括号。我真的可以连接这两个sn-ps吗？

组合版

ngOnInit() {
    this.subscription = this.authService.authenticationState,
    from(this.storage.get(USER_ID))
    .pipe(
      switchMap(([isAuthenticated, id]) => {
        if (isAuthenticated) {
          return this.userService.getUserDetails(this.id);
        } else {
          return of(null);
        }
      }),
    ).subscribe(
      result => {
        if (result) {
          this.information = result;
          console.log(this.information);
        } else {
        }
      },
      error => {
      }
    );
  }

Answer 1

使用 from 将你的 Promise 转换为 observable 并将 combineLatest 与 authenticationStateSubject 一起使用

this.subscription = combineLatest(
  this.authService.authenticationStateSubject, 
  from(this.storage.get(USER_ID))
).pipe(
  switchMap(
    ([isAuthenticated, id]) => isAuthenticated ? this.userService.getUserDetails(id) : of(null)
  )
).subscribe(
  result => {
    // do stuff with result
  }
);