原因可能是由于在定义父路由的时候未指定其对应的组件,可以通过以下步骤解决:
首先,在app.module.ts中引入RouterModule和Routes:
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
然后在路由定义中,给父路由一个空的path并指定对应的组件,子路由的path则可以在父路由的基础上进行拼接:
const routes: Routes = [
{ path: '', component: ParentComponent, children: [
{ path: 'child1', component: Child1Component },
{ path: 'child2', component: Child2Component }
]}
];
最后在NgModule中引入RouterModule并传入routes数组即可:
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
这样就能够正常使用Angular路由,并实现父子路由的嵌套。