Angular 懒加载模块路由配置无法找到

Question

首先这是我app-routing.module的配置

const routes: Routes = [
  {
    path: 'customers',
    loadChildren: './customers/customers.module#CustomersModule'
  },
  {
    path: 'orders',
    loadChildren: './orders/orders.module#OrdersModule'
  },
  {
    path: '',
    redirectTo: '',
    pathMatch: 'full'
  }
];

然后又在orders-routing.module下写以下配置

 const routes: Routes = [
  {
    path: '',
    component: OrderListComponent,
  },
  {
    path: '/order-query',
    component: OrderQueryComponent
  }
];

之后在order-list下写了一个方法想要跳转到order-query，但此时控制台提示说未匹配任何路由

<p (click)="goOrderQuery()">order-list works!</p>

是我什么地方还需要配置吗。这是我的复现地址。
https://stackblitz.com/edit/a...

Answer 1

要用子路由

  {
    path: '',
    component: OrderListComponent,
    children: [{
      path: 'order-query',
      component: OrderQueryComponent
    }]
  }