Concealed URL - Navigation with Angular 2 Routing

Question

Is it possible to conceal the URL when using window.open()? Alternatively, can the Angular2 router be utilized to open the URL in a fresh tab?

I am familiar with the method of concealing the URL during routing by using

this.router.navigate(["/Pages"], { skipLocationChange: true });

. However, when I employ window.open("/Pages"), the URL remains visible.

Answer 1

Answer №1

A method to insert the Location is shown below:

Incorporate this code in your constructor:
constructor(private readonly location: Location) {
    //...
}

To execute this within ngOnInit(), use the following code:

Within public ngOnInit(): void {
    Secify the desired URL using this.location.replaceState("/");
}

This function will modify the current browser's URL with the one specified in replaceState().

Answer 2

A method to insert the Location is shown below:

Incorporate this code in your constructor:
constructor(private readonly location: Location) {
    //...
}

To execute this within ngOnInit(), use the following code:

Within public ngOnInit(): void {
    Secify the desired URL using this.location.replaceState("/");
}

This function will modify the current browser's URL with the one specified in replaceState().

Answer 3

In the end, I discovered a simple solution. The code

history.pushState({}, "Edit", "http://localhost:4200/");

perfectly fulfills my requirements.

Answer 4

In the end, I discovered a simple solution. The code

history.pushState({}, "Edit", "http://localhost:4200/");

perfectly fulfills my requirements.