新建一个route module:
基于这个route module创建一个新的Component:
在新建的module里,使用RouterModule定义一个新的路由规则:
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { CustomPageComponent } from './custom-page/custom-page.component';
const CUSTOM_ROUTES: Routes = [
{ path: 'custom', component: CustomPageComponent }
]
@NgModule({
declarations: [CustomPageComponent],
imports: [
CommonModule,
RouterModule.forChild(CUSTOM_ROUTES)
]
})
export class CustomRoutingModule { }
最后在app module里添加这个新建的route module:
最后的运行效果: