在 app bootstrap 中使用 Guard
檔案 main.ts (或 boot.ts )
考慮以上示例:
- 建立警衛 ( 建立 Guard 的地方)和
- 為路由配置新增保護,( 為路由配置 Guard,然後匯出 APP_ROUTER_PROVIDERS ),
我們可以將 Bootstrap 耦合到 Guard,如下所示
import { bootstrap } from '@angular/platform-browser-dynamic';
import { provide } from '@angular/core';
import { APP_ROUTER_PROVIDERS } from './app.routes';
import { AppComponent } from './app.component';
bootstrap(AppComponent, [
APP_ROUTER_PROVIDERS
])
.then(success => console.log(`Bootstrap success`))
.catch(error => console.log(error));