angular router navigate refresh page

Cautious Chinchilla answered on April 29, 2020 Popularity 9/10 Helpfulness 5/10

answer angular router navigate refresh page

related navigate to route and refresh angular 6

Comment

this.router.navigateByUrl("/", {skipLocationChange: true}).then((navigated) => {
	navigated ? this.router.navigate(["/url-here"]) : null;
});

This will reload the component if on the same URL as the navigation.

It will also prevent the navigation to trigger a second time if the

first one is interrupted by, for example, an prevent unsaved changes guard.

Popularity 9/10 Helpfulness 5/10 Language typescript

Source: Grepper

Tags: angular-router refresh typescript

Link to this answer
Share Copy Link

Contributed on Mar 10 2023

Cautious Chinchilla

0 Answers Avg Quality 2/10

Closely Related Answers

Comment

this.router.navigate(['path/to'])
  .then(() => {
    window.location.reload();
  });

Popularity 10/10 Helpfulness 10/10 Language javascript

Tags: angular

Link to this answer
Share Copy Link

Contributed on Apr 29 2020

Coding Owl

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.