1、使用ng g module npages --routing创建一个带路由的模块。
2、在npages模块中创建组件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数组中引入模块
const routes: Routes = [
{
path: '',
loadChildren: () => import('./npages/npages.module').then((x) => x.NpagesModule)
}
]
