新增保護到路由配置
檔案 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)
];