Angular FAQ: Top Questions

Guards in Angular are used to control access to routes. Common types include CanActivate, CanDeactivate, Resolve, CanLoad.

@Injectable({ providedIn: 'root' })
export class AuthGuard implements CanActivate {
  canActivate(): boolean {
    return !!localStorage.getItem('auth');
  }
}
        

{ path: 'dashboard', component: DashboardComponent, canActivate: [AuthGuard] }
        

• Ensures route navigation occurs only when conditions are met.