在Angular中,如果次级router-outlet
不显示任何内容,可能有以下几个原因和解决方法:
// app-routing.module.ts
const routes: Routes = [
{ path: 'main', component: MainComponent, children: [
{ path: 'sub', component: SubComponent }
]}
];
router-outlet
指令:在父组件的模板中确保存在
来显示次级组件。
Main Component
routerLink
或navigate
方法导航到次级路由。
Go to Sub Component
// app-routing.module.ts
const routes: Routes = [
{ path: 'main', component: MainComponent, children: [
{ path: 'sub', component: SubComponent } // SubComponent应该和次级组件的选择器一致
]}
];
希望以上解决方法能够帮助到您解决问题。