Angular: wait for Observable inside a function before returning result

Question

I need help with the following function:

  getUser(uuid: string): Observable<WowUserDataModel> {
    let user: WowUserDataModel = {
      login: null,
      userUuid: uuid,
      firstName: null,
      lastName: null,
      displayName: null,
      email: null,
      authorities: null
    };

    return this.http.get(WowUrlProvider.gateway.wowUserAuthorities.replace('{userUuid}', uuid.toUpperCase())).pipe(
      map((authorities) =>
        user.authorities = authorities,
      )
    );
  }

What I need: to wait for the this.http.api call (which returns Observable) to complete, assign the result to user.authorities, and only then return Observable of the entire user object (always a single user)

What is happening now: the function returns just authorities property, not the whole user object

Can this be achieved without changing the return type of the function?

Try instead of (authorities) =>user.authorities = authorities to use (authorities) => {...user, authorities} — CCBet
– CCBet, Commented Aug 11, 2022 at 13:39

Andres2142 · Accepted Answer · 2022-08-11 13:43:38Z

1

getUser(uuid: string): Observable<WowUserDataModel> {
  // ...
    return this.http.get(WowUrlProvider.gateway.wowUserAuthorities.replace('{userUuid}', uuid.toUpperCase())).pipe(
      map((authorities) => {
       user.authorities = authorities;
       return user;
      })
    );
  }

answered Aug 11, 2022 at 13:43

Andres2142

3,0122 gold badges18 silver badges22 bronze badges

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

4 Comments

PaulJK Over a year ago

Geee, so simple! I was trying to return of(user) this whole time. Thank you, you saved my day!

Ruan Mendes Over a year ago

@PaulJK If your code was trying to return of(user), why didn't you mention that in your question? Please be more specific in what you have tried.

PaulJK Over a year ago

It's not the code, it's me. I simply assumed that user isn't an observable without checking it, and I was trying to make it an observable manually and getting errors. Feeling real dumb right now.

Andres2142 Over a year ago

@PaulJK don't worry, it takes practice to know really well rxjs operators, just keep practicing, also, if you use map as shown in your example, whatever you send inside of it, is an observable, no need of returning of(...) unless you want a double observable...

Collectives™ on Stack Overflow

Angular: wait for Observable inside a function before returning result

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related