title: Routing with query params not working
body: <p>I want to route to this page passing a param: <a href="http://localhost:4200/inventory/client?id=2" rel="nofollow noreferrer">http://localhost:4200/inventory/client?id=2</a></p>
  
  <p>What I do is:</p>
  
  <pre><code>this.router.navigate(['/inventory/client',{id:this.vendorId}]);
  </code></pre>
  
  <p>But result involves a semicolon: <a href="http://localhost:4200/inventory/client;id=2" rel="nofollow noreferrer">http://localhost:4200/inventory/client;id=2</a></p>
  
  <p>What should i do to change it to: <a href="http://localhost:4200/inventory/client?id=2" rel="nofollow noreferrer">http://localhost:4200/inventory/client?id=2</a></p>