From the Angular documentation on canActivate, it seems you can only use canActivate guards to allow proceeding to a route if the canActivate function ultimately returns true. Is there some way to...

I'm writing a guard that prevents a user to access a target url whenever he is not authenticated. I'm writing a functional guard to achieve this, however when I try to access the (target) url via t...

In my Angular 4 application I have some components with a form, like this: export class MyComponent implements OnInit, FormComponent { form: FormGroup; ngOnInit() { this.form = new FormGroup(...

I have nested components: AppComponent Contains just router-outlet PageWrapperComponent Contains just the main-menu and another router-outlet Requires the main-menu to get loaded from the API ...

I have a component to which navigate like this this.router.navigate(['results'], { state }); and once there i grab the data in the contructor constructor(private router: Router) { const { state ...

I've got this routes AppRouting { path: 'user', canLoad: [AuthGuard], loadChildren: () => import('./user/user.module').then((m) => m.PublicUserModule) } UserRouting { path: '', com...

All, Before implementing the auth guard, I was able to hide my Navbar from login and registration screen. By reading the route events in component.ts and hiding the nav-bar by ngIf. After I implem...

I already have an AuthService to authenticate user on login and AuthGuard to prevent access if not logged in. Some pages I restrict access by UserProfile/Role but now I need to prevent actions on...

I'm having issues with the Angular router during the process of navigating to a provided state. I have tried using a custom guard with canLoad() and canActivate() functions returning booleans as t...

I have this AuthGuard: export class AuthGuard implements CanActivate { constructor (private router: Router) {} canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observabl...