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

Question

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

我配置为的路线

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

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

Answer 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>