1排监、使用ng g module npages --routing
創(chuàng)建一個帶路由的模塊可岂。
2陡蝇、在npages模塊中創(chuàng)建組件ng g c npages/onep
旗吁。
3牺勾、在npages模塊的路由文件中引入模塊并分配路由。
import { NgModule } from '@angular/core';
// 路由模塊的引入
import { RouterModule, Routes } from '@angular/router';
import { OnepComponent } from "./onep/onep.component";
const routes: Routes = [
{
path: 'Onep',
component: OnepComponent,
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class NpagesRoutingModule { }
4阵漏、在app-routing.module.ts
文件中的Routes數(shù)組中引入模塊
const routes: Routes = [
{
path: '',
loadChildren: () => import('./npages/npages.module').then((x) => x.NpagesModule)
}
]