How to reload Angular component without refreshing page?

You can do it by tricking the router event, and tell them that - you didn't visit the page.

this.router.events.subscribe((event) => { if (event instanceof NavigationEnd) { // Tell the router that you didn't visited last link and so it wasn't previously loaded this.router.navigated = false; }});

Hope it helps!

Source: Refresh Angular component without reloading or refreshing a page.