title: Angular 6+ custom back navigation with managing history
body: <p>I have the following issue with browser's history. </p>
  
  <p>I hit back button in my app and then I 
  <code>this._router.navigate([...</code> Which is wrong because then I have in the history page I'm on as well as the page I navigated from. Then when a user hits the native back button he ends on a wrong page. </p>
  
  <p><strong>I changed it to</strong></p>
  
  <pre><code>this.location.replaceState('xxx');
  this.router.navigate(['/xxx'], { skipLocationChange  : true });
  </code></pre>
  
  <p>That does just half of the trick because when I use the back button in the app, I navigate to the page and when I use native back button nothing happens because I have it there twice. </p>
  
  <p>Any I idea how can I remove one more state from history? </p>