title: How can I specify query parameters by routerLink directive
body: <p>I am experimenting the new router (version 3.0.0-alpha.7) and would like to know how to specify query parameters by routerLink directive?</p>
  
  <p>The Router.navigate() method below generates a URL like <a href="http://localhost:3000/component-a?x=1" rel="noreferrer">http://localhost:3000/component-a?x=1</a></p>
  
  <pre><code>this.router.navigate(['/component-a'], {queryParams: {x: 1}});
  </code></pre>
  
  <p>However, I can't figure out how to do the same thing with the routerLink directive. Template like below returns parser error...</p>
  
  <pre><code>&lt;a [routerLink]="['/component-a'], {queryParams: {x: 1}}"&gt;Component A&lt;/a&gt;
  </code></pre>
  
  <p>And the closest thing I can get is <a href="http://localhost:3000/component-a;x=1" rel="noreferrer">http://localhost:3000/component-a;x=1</a>, which uses the syntax for child route.</p>
  
  <pre><code>&lt;a [routerLink]="['/component-a', {x:1}]"&gt;Component A&lt;/a&gt;
  </code></pre>