Query params not working properly
<p>In my Angular2 app I need to pass some <strong>optional</strong> arguments to a route.
Because they are optional, I decided to use <code>queryParams</code>.</p>

<p>I am using the following code to pass the argument:</p>

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

<p>I get this URL:</p>

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

<p>As you can see, the parameter is completely wrong. And I can't parse it the in target component. The correct url should be:</p>

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

<p>I followed the <a href="https://angular.io/docs/ts/latest/guide/router.html#!#optional-route-parameters" rel="nofollow noreferrer">official doc</a>, but I can't find a working solution.</p>