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

Question

我了解网站上已经有很多关于延迟加载的讨论。 我问这个问题是因为我找不到任何适用的解决方案。

我在Angular 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