添加保护到路由配置

文件 app.routes

受保护的路线有 canActivate 绑定到 Guard

import { provideRouter, Router, RouterConfig, CanActivate } from '@angular/router';

//components
import { LoginComponent } from './login/login.component';
import { DashboardComponent } from './dashboard/dashboard.component';

export const routes: RouterConfig = [
    { path: 'login', component: LoginComponent },
    { path: 'dashboard', component: DashboardComponent, canActivate: [AuthGuard] }    
}

导出 APP_ROUTER_PROVIDERS 以在 app bootstrap 中使用

export const APP_ROUTER_PROVIDERS = [
    AuthGuard,
    provideRouter(routes)
];