新增保護到路由配置

檔案 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)
];