ionic framework - Strange navigation bug in Angular conneted to location.back

Question

I have an Angular 8 Ionic app and have found a navigation bug in my app. When I navigate to a specific page and then go back, a third navigation event is fired automatically.

Page 1: Where navigation begins

this.router.navigate(['clients', this.client.id, 'visits'], {queryParams: {allowBack: true}})

This works just fine and I'm brought to the correct page however when I use location.back() from @angular/common on this page, I'm brought back to "Page 1", but a third navigation event gets fired (only on device, not in browsers. After enabling tracing of my router I see:

NavigationStart(id: 8, url: '/clients/6356/visits?allowBack=true')
NavigationStart

id: 8

navigationTrigger: "popstate"

restoredState: {navigationId: 6}

url: "/clients/6356/visits?allowBack=true"

This URL is the initial route I used on page 1 but I'm not sure why it's getting fired again. Any idea how to prevent this extraneous routing?

question from:https://stackoverflow.com/questions/65938383/strange-navigation-bug-in-angular-conneted-to-location-back

Answer 1

Waitting for answers