title: Router in Angular web app does not work on same component
body: <p>I have a problem with angular router.</p>
  
  <p>Currently I'm in my router <code>/HOME</code> and I'd like to route from a button from there to <code>/HOME#id=123456</code></p>
  
  <p>How can I do that? I'm trying something like: </p>
  
  <pre><code>&lt;a class="app-card bg-petrol"[routerLink]="['/HOME']" [queryParams]="{'id':'123456'}"&gt;
  </code></pre>
  
  <p>But nothing happen - even nothing in the console.</p>
  
  <p><em>edit: added routes file</em></p>
  
  <p><strong>app.routes.ts</strong></p>
  
  <pre><code>{
    path: Routes.HOME,
    loadChildren: () =&gt; import('../routes/home/home.module').then(m =&gt; m.HomeModule),
    data: { hideNavSearch: true },
  },
  </code></pre>