title: In angular 2 how to preserve query params and add additional query params to route
body: <p>For example I am on route <code>/cars?type=coupe</code> and I want to navigate to the same endpoint with additional query params (but keeping existing one). I am trying something like this</p>
  
  <pre><code>&lt;a [routerLink]="['/cars']" [queryParams]="{model: 'renault'}" preserveQueryParams&gt;Click&lt;/a&gt;
  </code></pre>
  
  <p>The initial query params are preserved (type=cars) but added ones (model=renault) are ignored. Is this expected/correct behavior or is some kind of bug? Looks like preserveQueryParams has priority over queryParams? Is there any other smooth solution? </p>