Make an Angular function wait for the subscribe to finish

Question

I have an Angular function that I'm trying to test if the user is valid by comparing their credentials against the database:

isLoggedIn() {
    this.userService.getUser(this.user.userName)
        .pipe(first())
        .subscribe(
            result => {
                this.currentUser = result;
                if (this.currentUser.fullName != result.fullName) {
                    return false
                }
                return true;
            },
            () => { });

    console.log('The function shouldn't go here')      
}

How can I make the function wait for my subscribe to finish? Right now it's going straight through to the console.log line and returning false, and then getting the results back from the api call

Possible duplicate of Angular method returns as undefined rather than JSON object — Reactgular
– Reactgular, Commented Apr 14, 2019 at 13:51
Possible duplicate of How do I return the response from an asynchronous call? — Heretic Monkey
– Heretic Monkey, Commented Apr 14, 2019 at 13:51

Matt Saunders · Accepted Answer · 2019-04-14 16:43:48Z

1

You could put your subscription to userService in your constructor function, and then pass your value to an 'is logged in' function on successful return:

constructor() {
    this.userService.getUser(this.user.userName).subscribe(result => {
        // Could put if statement here to test whether result undefined / valid
        isLoggedIn(result);
    });
};

isLoggedIn(userStatus) {
    // Test and take action with userStatus value
}

edited Apr 14, 2019 at 16:43

answered Apr 14, 2019 at 13:41

Matt Saunders

4,1162 gold badges28 silver badges37 bronze badges

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

Collectives™ on Stack Overflow

Make an Angular function wait for the subscribe to finish

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