How to Refresh a Component in Angular

angular routes components refresh
Sreehari Ballampalli picture Sreehari Ballampalli · Dec 14, 2017 · Viewed 316.7k times · Source

I am working on an Angular project. I'm struggling with refresh action in a component.

I would like to refresh the router's components on button click. I have refresh button when I click on it the component/router need to be refresh.

I tried window.location.reload() and location.reload() these two are not suitable for my need. Please help if anyone aware of it.

Answer

Sreehari Ballampalli picture Sreehari Ballampalli · Dec 18, 2017

After some research and modifying my code as below, the script worked for me. I just added the condition:

this.router.navigateByUrl('/RefreshComponent', { skipLocationChange: true }).then(() => {
    this.router.navigate(['Your actualComponent']);
});

Related questions

Angular 2 router no base href set

I am getting an error and can't find why. Here is the error: EXCEPTION: Error during instantiation of LocationStrategy! (RouterOutlet -> Router -> Location -> LocationStrategy). angular2.dev.js:23514 EXCEPTION: Error during instantiation of LocationStrategy! (RouterOutlet -&…

Read More
How to open a link in new tab using angular?

I have an angular 5 component that needs to open a link in new tab, I tried the following: <a href="www.example.com" target="_blank">page link</a> when I open the link, the application gets …

Read More
Change route params without reloading in Angular 2

I'm making a real estate website using Angular 2, Google Maps, etc. and when a user changes the center of the map I perform a search to the API indicating the current position of the map as well as the radius. …

Read More