title: angular navigate to the same route with different parameter
body: <p>Although this question seems to have popped up before, I can't find an answer that works for me, as the router seems to have changed a lot over the lifetime of angular.</p>
  
  <p>In angular 5 I have a component where I wish to edit a user. I navigate to that component with the following code:</p>
  
  <pre><code>this.router.navigate(['editsingleuser',user.username])
  </code></pre>
  
  <p><strong>Which will send me to /editsingleuser/bob</strong></p>
  
  <p>Then, from within that component I can also click on a button to edit my own user details, which uses the following code:</p>
  
  <pre><code>this.router.navigate(['editsingleuser',this.user.sub])
  </code></pre>
  
  <p><strong>Which should send me to /editsingleuser/joe, but does not</strong></p>
  
  <p>Is there a parameter that I can add to the <code>router.navigate</code> that forces it to load the route, as it seems to be doing some kind of caching?</p>
  
  <p>I have also tried using  </p>
  
  <pre><code>[routerLink]="['editsingleuser',user?.sub]" 
  </code></pre>
  
  <p>which also has the same issue</p>