title: How to reload current page?
body: <p>I have a page for editing user, it has some children components inside. Each children components can change or doing some effect to its parent component. </p>
  
  <p>So instead of emitting the changes to parent and updating some fields, I did a "reload" of the current page with     </p>
  
  <pre><code>private route: ActivatedRoute;
  
  reload(){
      this.router.navigate(["/admin/user/edit/"+this.user.id]);
  }
  </code></pre>
  
  <p>Basically, it redirects to the current page. For example, the current page is 
  <a href="http://web.info/admin/user/edit/9" rel="noreferrer">http://web.info/admin/user/edit/9</a> it will be redirected to this page with the hope all the data inside that page reloaded with the newest data.</p>
  
  <p>but it seems the angular won't redirect/reload the same page with the <code>router.navigate</code></p>
  
  <p>How I should reload a current page? </p>
  
  <p>Edit:</p>
  
  <p>Here is the reason why I need to reload the page instead of manually updating the data on the current page. I need to do updates on Other Component, when I did the update it will add something to History Component. I need to refresh the User Component and History Component together since both components affected by the changes in Other Component.</p>
  
  <p><a href="https://i.stack.imgur.com/5RoLl.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/5RoLl.jpg" alt="Components "></a></p>