Angular4 - 带有可选参数和查询参数的路由答案

【问题标题】：Angular4 - Routing with optional parameters and query parametersAngular4 - 带有可选参数和查询参数的路由
【发布时间】：2018-01-04 08:41:44
【问题描述】：

在 angular4 路由中，我正在尝试使用可选参数导航到特定路径，但它没有导航到正确的路径，请参阅下面的代码

我配置的路由

{ path:"login",component:"LoginComponent"},
 {path:"register",component:"RegisterComponent"},
 {path:"**",redirectTo:"register"}

我正在路由登录如下 this.router.navigate(["login",{optionalParam:"param"}]) 但这是导航到注册，我可以在路由器调试中观察到 url 从“登录；可选参数=参数”重定向到“注册”。可能是什么问题，我也面临与 queryParameters 相同的问题。

【问题讨论】：

这应该可以正常工作，我猜你还缺少其他东西，你可以创建一个 plunker

标签： angular angular4-router

【解决方案1】：

我做了一个简单的例子：https://plnkr.co/edit/F3mfg9jXHZEAyZz6xZjf。

带有重定向和查询。

let routes: Routes = [
    { path: '', component: MainComponent },
    { path: 'login',component: LoginComponent},
    { path: 'redirection',component: RedirectComponent},
    { path: '**',redirectTo: 'redirection'}
];

和

<a [routerLink]="['/login',{'plop':'pom'}]">go to login with query</a>

【讨论】：