Show Single URL for navigation in Ionic 4 PWA

Question

Need to show only single url for navigating through all the pages

For example : http://localhost:8100/ (login page) http://localhost:8100/ (home page) http://localhost:8100/ (about-us page)

Need help to achieve this.

Thanks in advance.

You can use named outlets. Refer this stackoverflow.com/questions/48244449/… — hrdkisback
– hrdkisback, Commented Dec 30, 2019 at 12:27
You can use skipLocationChange as described here angular.io/api/router/NavigationExtras — PierreD
– PierreD, Commented Dec 30, 2019 at 12:36

Abu Sufian · Accepted Answer · 2019-12-30 12:29:33Z

you can use this in your component

public ngOnInit(): void { this.location.replaceState("/"); }

or you can do following

this.router.navigate(['/about-us'], { skipLocationChange: true });

1 Answer 1