angular - 在 rxjs 中条件化平面图的执行 - Angular 5

Question

在 rxjs 中，我想对多个平面图设置一个条件，这样我就不会执行第二个和第三个平面图，而是直接进行订阅:

this.authenticationAPI.getUser()
       .flatmap(response1 => if(response1 != null) // I want to go directly to subscribe
       .flatmap(response2 => return observable2(response2))
       .flatmap(response3 => return observable3(response3))
       .subscribe(response 4 => console.log(response4));

我考虑过将 null observables 传递给第二个和第三个平面图，但是还有其他解决方案吗？

Answer 1

您应该使用过滤器区分两种情况:失败和成功。这种方式更具声明性并且更易于阅读

const response$ = this.authenticationAPI.getUser();

// failure
response$
  .filter((res) => !res)
  .subscribe(() => {
    console.log('Unauthentication')
  });

// success
response$
  .filter((res) => res)
  .flatmap(response2 => return observable2(response2))
  .flatmap(response3 => return observable3(response3))
  .subscribe(response 4 => console.log(response4));