How to apply canActivate guard on all the routes?

Question

I have a angular2 active guard which handle if the user is not logged in, redirect it to login page:

import { Injectable } from  \"@angular/core\";
import {          


        

Answer 1

You can introduce a componentless parent route and apply the guard there:

const routes: Routes = [
    {path: '', canActivate:[AuthenticationGuard], children: [
      { path : '', component: UsersListComponent },
      { path : 'add', component : AddComponent},
      { path : ':id', component: UserShowComponent },
      { path : 'delete/:id', component : DeleteComponent },
      { path : 'ban/:id', component : BanComponent },
      { path : 'edit/:id', component : EditComponent }
    ]}
];