要在Angular 9中实现路由到惰性加载模块中的子组件,可以按照以下步骤进行操作:
lazy.module.ts
,并在其中定义子组件。确保使用RouterModule.forChild()
方法来定义子组件的路由。import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule } from '@angular/router';
import { SubComponent } from './sub.component';
@NgModule({
declarations: [SubComponent],
imports: [
CommonModule,
RouterModule.forChild([
{ path: '', component: SubComponent }
])
]
})
export class LazyModule { }
app-routing.module.ts
)中,使用loadChildren
属性来加载惰性加载模块。import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
const routes: Routes = [
{ path: 'lazy', loadChildren: () => import('./lazy.module').then(m => m.LazyModule) }
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
routerLink
指令来导航到惰性加载模块的子组件。Go to Lazy Module
通过以上步骤,你将能够在Angular 9中实现路由到惰性加载模块中的子组件。