Angular2限制所有路線

Question

Helloo，

我創建了一個後衛：

import { Injectable } from '@angular/core'; 
import { Router, CanActivate } from '@angular/router'; 

@Injectable() 
export class AuthGuard implements CanActivate { 

    constructor(private router: Router) { 
    } 

    canActivate() { 

     if (localStorage.getItem('currentUser')) { 
      // logged in so return true 
      return true; 
     } 

     // not logged in so redirect to login page 
     this.router.navigate(['/login']); 
     return false; 
    } 
} 

，並與他們內部的多個路由多個模塊。如何輕鬆地限制我的應用程序中的每個路線與這個警衛？

問候

Answer 1

設置與後衛空的路線，讓你的一個途徑children的休息：

RouterModule.forRoot([ 
    { path: '', canActivate: [AuthGuard], children: [...restOfYourRoutes] }]) 

Answer 2

您可以使用componentless路線

{ path: '', canActivate: [MyGuard], children: [ 
    {path: 'x1', ...}, 
    {path: 'x2', ...}, 

MyGuard將被應用到所有的子路由。