在Angular 8中,你可以在子模块中使用子路由的路由。以下是一个示例解决方法。
首先,在子模块的路由模块中定义子路由。在子模块的路由模块文件中,你可以按照以下方式定义子路由:
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { ChildComponent1 } from './child-component1.component';
import { ChildComponent2 } from './child-component2.component';
const routes: Routes = [
{ path: 'child1', component: ChildComponent1 },
{ path: 'child2', component: ChildComponent2 }
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class ChildRoutingModule { }
接下来,在父模块的路由模块中引入子模块的路由模块,并定义子路由的路径。在父模块的路由模块文件中,你可以按照以下方式定义子路由的路径:
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { ParentComponent } from './parent.component';
import { ChildComponent1 } from './child-component1.component';
import { ChildComponent2 } from './child-component2.component';
const routes: Routes = [
{
path: 'parent',
component: ParentComponent,
children: [
{ path: 'child1', component: ChildComponent1 },
{ path: 'child2', component: ChildComponent2 }
]
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class ParentRoutingModule { }
请确保在父模块的路由模块中的路径前添加'parent'路径,以便指定子路由的路径。
最后,在父组件的模板中,你可以使用
标签来展示子组件。在父组件的模板文件中,你可以按照以下方式展示子组件:
Parent Component
这样,当你访问父组件的路径时,子组件会根据子路由的路径进行展示。
希望以上解决方法能够帮助到你在Angular 8中使用子模块中的子路由的路由问题。