title: QueryParams within RouterLink not working
body: <p>I am passing dynamically generated URL with <code>queryParams</code> inside <code>[routerLink]</code> and it breaks routes.</p>
  
  <p>i.e: <code>this.url = '/question/ask?details=1'</code></p>
  
  <pre><code>&lt;a [routerLink]="url"&gt; {{ data.name }}&lt;/a&gt;
  </code></pre>
  
  <p>When we mouseover it looks something like this <code>#/question/ask%3Fdetails%3D1</code> and breaks when we click.</p>
  
  <p>P.S: Since I am passing dynamic URLs so passing <code>[queryParams]</code> separetly not possible however this works:</p>
  
  <pre><code>&lt;a [routerLink]="/question/ask" [queryParams]={details: 1}&gt; {{ data.name }}&lt;/a&gt;
  </code></pre>
  
  <p>Any solution we can pass a complete URL with <code>queryParams</code> inside <code>[routerLink]</code>?</p>