Please enable JavaScript.

Coggle requires JavaScript to display documents.

Angular Route Guards - Coggle Diagram

- - - - canActivate(): boolean { // Check weather the route can be activated; return true; // or false if you want to cancel the navigation; }
      - Register the Guard as Service in Module
        
        providers: [ProductService,ProductGuardService]
        
        Update the Routes
        
        { path: 'product', component: ProductComponent, canActivate : [ProductGuardService] }
    - - component: Component is the component itself
      - route: ActivatedRouteSnapshot is the future route that will be activated if the guard passes. We can use its params property to extract the route parameters.
      - state: RouterStateSnapshot is the future RouterState if the guard passes. We can find the URL we are trying to navigate to from the url property
  - - - CanActivate() guard is checked next and checking starts from the top to the deepest child route.
        
        CanLoad() is invoked next, If the feature module is to be loaded asynchronously
        
        Resolve() Guard is invoked last
        
        if all passes then through else fails