canDeactivate with Observable

Asked Jan 21 '19 at 06:07

Active Jan 21 '19 at 06:47

Viewed 479 times

I am implementing the router guard with canDeactivate method. It does not work if I return a async Observable.

The following steps that I did.

Created guard

@Injectable()
export class DeactivateGuardService implements CanDeactivate<CanComponentDeactivate> {
    canDeactivate(component: CanComponentDeactivate) {
            return component.canDeactivate() || window.confirm('Are you sure?');
          }
    }

export interface CanComponentDeactivate {
        canDeactivate: () => Observable<boolean> | Promise<boolean> | boolean;
      }

implemented the method in component.ts

canDeactivate(): Observable<boolean> | boolean{
   return of(false);
   // return false;
 }

It is working fine, If I return false but It is not working if I return of(false).

Please suggest.

edited Jan 21 '19 at 06:47

Abhishek

1,742
2
14
25

asked Jan 21 '19 at 06:07

Parvesh kumar

https://stackoverflow.com/questions/38524161/return-observable-in-candeactivate-not-working – Suresh Kumar Ariya Jan 21 '19 at 06:13
why you need to return return of(false) ? instead of false – Raja Mohamed Jan 21 '19 at 06:54
In real time, It would be HTTP call that returns the same. – Parvesh kumar Jan 21 '19 at 08:55

canDeactivate with Observable

0 Answers0