Recently, I discovered a function in my code that allows me to cycle through different pictures and change the URL accordingly. The initial URL is obtained using angular routes, where the "domain" parameter consists of the domain.id and the domain.category.
<a [routerLink] = "['/image', image.id, domain]">Initially, when I select the first image, everything works perfectly and I get the correct URL structure.
http://localhost:4200/image/1;id=1;category=testing.However, upon calling the "next" function to move on to the next image, the resulting URL changes unexpectedly to:
"http://localhost:4200/image/2?id=1&category=testing.So, my question is whether it's possible to replace the "?" and "&" characters with ";" in the URL.
next() {
const next = this.activeId + 1 >= 9 ? 1 : this.activeId + 1;
const extras: NavigationExtras = {
queryParams: {
id: this.domain.id,
category: this.domain.catergory
}
};
this.router.navigate(['/image/' + next], extras);
}