ionic-team / ionic-team/ionic-framework

bug: routing with angular [queryParams] breaks subsequent relative navigations

Offen
#24,587 2 Kommentare 2 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
package: angular type: bug
Vorherrschende Sprache
TypeScript
Sterne
52.7k
Forks
13.3k
Ø Merge
1 T. 15 Std.
Gemergte PRs (30 T.)
51

Beschreibung

### Prerequisites

- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#creating-an-issue).
- [X] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [X] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.

### Ionic Framework Version

- [ ] v4.x
- [X] v5.x
- [X] v6.x

### Current Behavior

With Angular, when using `ion-router-outlet` as navigation root, relative navigation breaks if we use [routerLink] with a relative route combined with any [queryParams] value. After the first one, all other relative routes would not trigger navigation anymore.

### Expected Behavior

The `ion-router-outlet` should behave like the angular's `router-router` : relative navigation is still possible once we navigated with query params.

### Steps to Reproduce

I made a simple repro : https://stackblitz.com/edit/ionic-angular-v5-xjfgnp?file=src/app/dummy.component.ts
You can switch from Ionic to Angular router outlet using the top toggle button.

Once you click on the second link `Stay on route 1 with query params` with ion-router-outlet, relative navigation to other routes is broken and 3rd link will not trigger navigation anymore.

The same actions with Angular `router-outlet` would still work.

### Code Reproduction URL

https://github.com/adeprez/ionic-angular-v6-relative-nav-issue

### Ionic Info

_No response_

### Additional Information

_No response_

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.