Getting boolean value from ReplaySubject asObservable

Question

I'm following thinkster tutorial for Angular2, and I made these two for checking if the user is authenticated:

private isAuthenticatedSubject = new ReplaySubject<boolean>(1);
public isAuthenticated = this.isAuthenticatedSubject.asObservable();

now, in my auth-gaurd.service.ts, I want to check the boolean value of isAuthenticated. How can I do that? I want to do something like this:

canActivate(
    route: ActivatedRouteSnapshot,
    state: RouterStateSnapshot
): Observable<boolean> {
    //THIS IS NOT WORKING! 
    //Operator '===' cannot be applied to types 'Observable<boolean>' and 'boolean'
    if (this.userService.isAuthenticated.take(1) === false) { 
        this.router.navigateByUrl('/login');
    }
    return this.userService.isAuthenticated.take(1);
}

You can find the complete code from thinkster here

Looks like a dup of http://stackoverflow.com/questions/37089977/how-to-get-current-value-of-rxjs-subject-or-observable/37089997#37089997 — Günter Zöchbauer, Mar 09 '17 at 09:44
@GünterZöchbauer, The problem is that 1) I used ReplaySubject instead of BehaviorSubject because I'll be able to create isAuthenticatedSubject without an initial value and 2) I want to use *isAuthenticated* — Kavoos, Mar 09 '17 at 09:49
I haven't checked `ReplaySubject` perhaps it works the same as `BehaviorSubject`. Have you tried? — Günter Zöchbauer, Mar 09 '17 at 09:50
Perhaps you can make it shared, subscribe to it and store the value in a property in subscribe. — Günter Zöchbauer, Mar 09 '17 at 09:51
Please add the code to the question. Code in comments is unreadable. — Günter Zöchbauer, Mar 09 '17 at 10:08
@GünterZöchbauer, thanks, I did it by subscribing to *isAuthenticated* — Kavoos, Mar 09 '17 at 10:41

score 2 · Accepted Answer · edited May 23 '17 at 12:02

As Günter mentioned in the comments, I solved it by subscribing to the isAuthenticated. The code should be like this:

canActivate(
    route: ActivatedRouteSnapshot,
    state: RouterStateSnapshot
): Observable<boolean> {

    var isAuthenticated = false;

    // Check if the user is authenticated
    this.userService.isAuthenticated.take(1).subscribe(function (data) {
        isAuthenticated = data;
    });

    // If the user is not authenticated, redirect to Login page
    if (!isAuthenticated) {
        this.router.navigateByUrl('/login');
    }

    return this.userService.isAuthenticated.take(1);
}

Getting boolean value from ReplaySubject asObservable

1 Answers1

Linked