Angular 5 - 路由到具有不同 URL 的同一组件

Question

我有以下路由应该路由到同一个组件，我可以通过使用以下结构让它工作。

const carModuleRoutes: Routes = [
    { path: 'car/:category/:carId', component: CarDetailComponent},
    { path: 'car/:carId', component: CarDetailComponent},
];

但我知道这不是这样做的标准方法，是否有执行相同功能的正确方法？

Answer 1

这是定义路由及其各自的组件的标准方式。您在 routing 模块中，您正在尝试定义 routes，而不是 components。

因此，不要忽视对相同的组件 进行分组并为它们定义路由。您所做的似乎很合适。

编辑:

你的情况很简单，你可以简单地做:

const carModuleRoutes: Routes = [
    { path: 'car/:category/:carId', redirectTo : 'car/:carId', pathMatch : 'full'},
    { path: 'car/:carId', component: CarDetailComponent},
];

注意:

在这种情况下，您的 url 将发生变化，并且您可能会丢失 :category 的值，这在组件中可能很有用。因此，最好将指向同一组件的多个路由指定为一个单独的案例。