添加保护到路由配置
文件 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)
];