I have an application where we construct a series of temporary data points all with an ID of 0. I reference all these points individually by keying them as 01, 02, 03, etc. My route is /details/:id. If a user saves one of these data points our API creates a real ID. So the process looks something like this to the user:
Go to temp item at /details/0123
Save changes to item 0123.
Receive the new item in the response with an id of 456.
Angular reroutes to /details/456 and the user doesnt notice the transition unless they were paying attention to the URL.
However, if a user hits the Back Button on their browser they will route to /details/0123.
Question: Can I edit the browser history via the Angular router (or some other reliable means) to prevent navigating to /details/0123?
You can replace the route /details/0123 with the route /details/456 in the browser history by adding replaceUrl: true in the NavigationExtras.
Example:
this.router.navigate(['/details/456'], { replaceUrl: true });