为什么子路由不会显示在 IONIC/角度中？

Question

我想使用IONIC/Angular为一个多页面网站创建一个导航栏。这里的问题是在order.page.html中编写的内容，它是navbar的子元素。page，不会显示，即使我想从order.page打印一些东西。t，没有打印。下面的代码应该足以检测出问题所在。

navbar-routing.module.ts

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { NavbarPage } from './navbar.page';
const routes: Routes = [
{
path: '',
component: NavbarPage,
children: [
{
path: 'order',
loadChildren: () => import('../order/order.module').then( m => m.OrderPageModule)
},
{
path: '',
redirectTo: 'order',
pathMatch: 'full'
},
]
},
];
@NgModule({
imports: [RouterModule.forChild(routes)],
})
export class NavbarPageRoutingModule {}

app-routing.module.ts

import { NgModule } from '@angular/core';
import { PreloadAllModules, RouterModule, Routes } from '@angular/router';
const routes: Routes = [
{
path: '',
loadChildren: () => import('./navbar/navbar.module').then( m => m.NavbarPageModule)
},
];
@NgModule({
imports: [
RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })
],
exports: [RouterModule]
})
export class AppRoutingModule { }

Answer 1

我忘记在html部分添加router-outlet了，这就是为什么