Angular如何創建路由以及如何配置路由導航
廢話不多說直接進入正題,首先要創建好項目。
第一步:安裝Angular路由
輸入以下指令
npm install @angular/router
第二部:通過指令創建Angular路由守衛
ng g guard guards/auth(自定義名字)
第二部:在module文件里面導入①路由導航組件②其他類組件,之后再
NgModule({
declarations: [
AppComponent,
//在這里導入其他類組件
],
然后配置路由,在imports中導入 RouterModule.forRoot(路由變量名)
const routes: Routes = [
{ path: 'home', component: HomeComponent,canActivate:[loginGuradsGuard] },
// 添加更多路由...
];
后面關于路由條件的設定要在CanActivate中設置
import { CanActivateFn } from '@angular/router';
export const loginGuradsGuard: CanActivateFn = (route, state) => {
console.log("啟動");
return false;
};
以上

浙公網安備 33010602011771號