不工作角6的url中的多个参数

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

我刚刚创建了一个简单的应用程序来解决你的问题，你可以检查它。

在StackBlitz上

希望能帮上忙。