[Solved] Examine this canActivate guard implementation:canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) { return Promise.resolve('true'); }What is the issue with this code? | Angular

Angular - Routing

Examine this canActivate guard implementation:

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
  return Promise.resolve('true');
}

What is the issue with this code?

AIt returns a Promise resolving to a string instead of a boolean

BIt should return an Observable instead of a Promise

CThe method signature is missing the return type

DIt should return a string, not a Promise

Step-by-Step Solution

Solution:

Step 1: Check return type
canActivate can return boolean, Observable<boolean>, or Promise<boolean>.
Step 2: Analyze returned value
The Promise resolves to the string 'true', not the boolean true, which is invalid.
Step 3: Correct usage
Return Promise.resolve(true) (boolean) instead of Promise.resolve('true') (string).
Final Answer:
It returns a Promise resolving to a string instead of a boolean -> Option A
Quick Check:
Return types must match boolean, not string [OK]

Quick Trick: canActivate must return boolean or Promise/Observable of boolean [OK]

Common Mistakes:

MISTAKES

Master "Routing" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Examine this canActivate guard implementation: