title: {skipLocationChange : true} in router.navigate not working; changing the state
body: <p>I am trying to embed Angular app on JSP page, for some reasons I need browser to preserve the state and don't want angular to push new state to browser history.</p>
  <p>As per <a href="https://angular.io/api/router/NavigationExtras#replaceUrl" rel="nofollow noreferrer">Angular documentation</a> <code>{ skipLocationChange: true }</code> will allow me to do that. Below is my modified code.</p>
  <pre class="lang-js prettyprint-override"><code>this.router.navigate(['/customComponent'],{ skipLocationChange: true });
  </code></pre>
  <p>still Angular is pushing new history state in browser history.</p>
  <pre class="lang-js prettyprint-override"><code>state: {navigationId: 2}
  </code></pre>
  <p>Below is the console snapshot.</p>
  <p><a href="https://i.stack.imgur.com/Stofv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Stofv.png" alt="enter image description here" /></a></p>
  <p>Is anything wrong with routing code? Or I am  missing any parameters.</p>