Angular2 限制所有路由

Question

你好，

我创建了一个守卫:

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

用 guard 设置一条空路由，并使你的其余路由成为该路由的 children:

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