使用延迟加载模块的路由不适用于参数

Question

我知道网站上已经有很多关于延迟加载的讨论。

但是请理解我在问这个问题，因为我没有找到任何适用的解决方案。

我正在使用角度6中的延迟加载进行路由。

这就是我正在尝试的。

在父模块中

{
    path: 'holiday',
    loadChildren: './holiday/holiday.module#HolidayModule'
  }

在子模块中。

const routes: Routes = [
  {path: '',component: HolidayBookingComponent},
  {path: ':id', component: HolidayBookingComponent}
];

在导航"localhost:4200/holiday"时，它会正确重定向到HolidayBookingComponent

但是当我导航到"localhost:4200/holiday/3"时，我会得到

GET http://localhost:4200/holiday/runtime.js net::ERR_ABORTED 404 (Not Found)

感谢您的帮助。

Answer 1

尝试

const routes: Routes = [
  {path: '', 
     children :[
      {path: '',component: HolidayBookingComponent, 
      {path: ':id', component: HolidayBookingComponent}
     ]
  },

];

希望会有所帮助！

在这里https://stackblitz.com/edit/angular-yuirrk