title: Angular Routing remove Route Fragment after navigation
body: <p>How can I remove an Angular route Fragment after I have navigated to the Route+Fragment?</p>
  
  <p>With my current setup, the route fragment (<a href="http://address/#[fragment]" rel="nofollow noreferrer">http://address/#[fragment]</a>) becomes part of the navigated URL, preventing a user that scrolled to a different section on the page, to use the route+fragment a second time. This is as a result of the URL already being in the "jump to" state. Eg. <a href="http://localhost:4200/home#shop" rel="nofollow noreferrer">http://localhost:4200/home#shop</a>. </p>
  
  <p>After a user has used the "jump to" route, the URL should change from <a href="http://localhost:4200/" rel="nofollow noreferrer">http://localhost:4200/</a><strong>home#shop</strong> back to <a href="http://localhost:4200/" rel="nofollow noreferrer">http://localhost:4200/</a><strong>home</strong></p>
  
  <p><strong>My current code</strong></p>
  
  <p><strong>This is a "jump to" router link:</strong></p>
  
  <pre><code>&lt;a [routerLink]="['/home']" fragment="shop"&gt;shop&lt;/a&gt;
  </code></pre>
  
  <p><strong>In my routing-module.ts:</strong></p>
  
  <pre><code>imports: [RouterModule.forRoot(routes, {
      scrollPositionRestoration: 'enabled',
      anchorScrolling: 'enabled',
      scrollOffset: [0, 64]
  })],
  </code></pre>
  
  <p>Thank you in advance!</p>