在Angular中,懒加载是一种用于加载模块的方法,只有当路由被访问时才会加载模块。要实现在子子孙孙模块中进行懒加载,可以按照以下步骤进行操作:
创建一个父模块(例如ParentModule)和一个父组件(例如ParentComponent)。
在父模块中定义一个子路由(例如ChildRoute)来加载子子孙孙模块。
const routes: Routes = [
{ path: 'child', loadChildren: './child/child.module#ChildModule' }
];
创建一个子模块(例如ChildModule)和一个子组件(例如ChildComponent)。
在子模块中定义一个子子孙孙路由(例如GrandchildRoute)来加载子子孙孙模块。
const routes: Routes = [
{ path: 'grandchild', loadChildren: './grandchild/grandchild.module#GrandchildModule' }
];
创建一个子子孙孙模块(例如GrandchildModule)和一个子子孙孙组件(例如GrandchildComponent)。
注意:在GrandchildModule中不需要再定义任何路由。
在父组件的模板中使用路由指令来加载子组件。
在子组件的模板中使用路由指令来加载子子孙孙组件。
通过以上步骤,可以实现在Angular 7中的懒加载的子子孙孙模块。每当路由被访问时,相应的模块和组件将会被加载并显示在页面中。