title: Angular 6 Routing - Query Parameters inside named secondary router outlet
body: <p>In angular 6, is it possible to use query parameters within a secondary named router outlet. An example URL of the type I am looking for is </p>
  
  <p>localhost:4200/home(sidebar:chat?animal=dog)</p>
  
  <p>I am looking to be able to set the query parameter: animal and also be able to access its value within the component.</p>
  
  <p>So far I have tried in the template</p>
  
  <pre><code>[routerLink]="gridRouterLink" [queryParams]="queryParams" 
  </code></pre>
  
  <p>where <code>gridRouterLink = ["", {outlets: {sidebar: "chat"}}]</code></p>
  
  <p>and <code>queryParams = { animal: "dog"}</code></p>
  
  <p>but i get something like localhost:4200/home(sidebar:chat)?animal=dog</p>