how to pass data between concatmap in RXJS Angular

Question

I have a pipe on a observable, the code is like below:

.pipe(
concatMap(() => this.security.getUser()),
tap((partyId) => {
    if (!partyId) {
            window.location.assign(`${environment.redirectURL1}/dashboard/login`);
    }
}),
concatMap((partyId) => this.security.getType(partyId)),
tap(async (result) => {
    if (result) {
            this.loggingService.setUser(result.partyId, result.partyType, result.lendingType);
    }else{
            this.loggingService.setUser(partyId, 'null', 'null'); //In here how can I get partyId??
    }
})
)

As you can see, In the last tap the result I am getting have partyId, because I am concatenating partyId which I am sending to the previous concatMap method which is concatMap((partyId) => this.security.getType(partyId)), however, I also want partyId if the result is null as well, so my question is how can I access the partyId in the last concatMap which I am getting from first concatMap which is concatMap(() => this.security.getUser())?

Pipe and then map your getUser() service call and return the combined result to the tap after that - something like return {result, partyId}. (Also, the async in the tap is useless) — MikeOne
– MikeOne, Commented Sep 5, 2022 at 16:37

BizzyBob · Accepted Answer · 2022-09-05 16:33:47Z

2

You can add another .pipe() after your other call, so you end up with nested pipes:

.pipe(
  concatMap(() => this.security.getUser()),
  tap(partyId => {
    if (!partyId) {
       window.location.assign(`${environment.redirectURL1}/dashboard/login`);
    }
  }),
  concatMap(partyId => this.security.getType(partyId).pipe(
    tap(result => {
      if (result) {
        this.loggingService.setUser(result.partyId, result.partyType, result.lendingType);
      } else {
            this.loggingService.setUser(partyId, 'null', 'null');
      }
    })
  ))
);

This technique is explained in more detail in this answer.

answered Sep 5, 2022 at 16:33

BizzyBob

14.9k4 gold badges31 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to pass data between concatmap in RXJS Angular

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related