Angular reload issue

Question

How to force to refresh the page after redirecting one page to another page. When I try to use location.reload inside ngOnInit(). Page keeps refreshing.

the issue was created item is not updating in the DOM/Model until I refresh the page.

Any expert advice please.

Sample code link

Angular 5 page reload data refresh not working

Add hash to the end of the url... In ngOnInit, only reload if there is no hash at the end... check: https://stackoverflow.com/questions/6985507/one-time-page-refresh-after-first-page-load — Akber Iqbal, Jan 31 '19 at 10:17
in that case debug why it's not updating. refreshing the page is a bad solution. use console.log to check if the data is loaded and check your template bindings. — Markus Dresch, Jan 31 '19 at 10:51
Issue not reproducible in local. Only on production it occurs. — klmuralimohan, Jan 31 '19 at 11:33

score 2 · Answer 1 · answered Jan 31 '19 at 10:21

When you reload the page Angular application is reloaded as well, your component is initialized, ngOnInit() method runs, you refresh the page and this process starts again. It's not Angular-way to reload the page, you should perform all stuff without reloading.

Angular reload issue

1 Answers1