クエリパラメータが正しく機能しない

Question

私のAngular2アプリでは、オプションの引数をルートに渡す必要があります。 これはオプションなので、queryParamsを使用することにしました。

私は引数を渡すために、次のコードを使用しています：

public recoverPassword() { 
    this.router.navigate(
     ['/access/recover-password', 
     { queryParams: { 'email': this.model.email }} ] 
    ); 
} 

私はこのURLを取得する：

http://localhost:4200/access/recover-password;queryParams=%5Bobject%20Object%5D 

あなたが見ることができるように、パラメータは完全に間違っています。そして、私はそれをターゲットコンポーネントで解析することはできません。正しいURLは次のようになります。

http://localhost:4200/access/recover-password;email=myemail@gg.com 

私はofficial docに従ったが、私は実用的なソリューションを見つけることができません。

Answer 1

queryParamsが2番目の引数として渡す必要があります（より正確には、それは、オプションの第二引数NavigationExtrasのほんの一部であり、あなたはそれhereについての詳細を読むことができる）、ルーティングしないあなたである第一引数の一部として、にナビゲートしたい。これはトリックを行う必要があります：

public recoverPassword() { 
    this.router.navigate(
     ['/access/recover-password'], 
     { queryParams: { 'email': this.model.email } } 
    ); 
}