url中的多个参数不起作用Angular 6

Question

我正在使用Angular 6，并且已将自己的路线配置为

export const AuthLayoutRoutes: Routes = [
  { path: 'reset-password/:password_hash/:user_id_hash', component: ResetPasswordComponent},
];

但是当我访问网址

https://example.com/reset-password/8d042fcb-8892/c81e728d9d4c2f

它给出 404 错误。

仅访问https://example.com/reset-password即可加载组件。

Answer 1

您应使用相同的组件定义多个路由，并带有和不带有最后一个参数，如下所示：

      export const AuthLayoutRoutes: Routes = [
      { path: 'reset-password/:password_hash/:user_id_hash', component: ResetPasswordComponent},
      { path: 'reset-password/:password_hash', component: ResetPasswordComponent},
    ];

我希望它会有所帮助;）

Answer 2

我刚刚创建了一个简单的应用，可以解决您的问题， 你可以检查

here on StackBlitz

希望有帮助。