Angular 2/4 Router no longer navigates when navigating to the current URL

The concept we need to understand here is that the,

  1. Angular route will navigate only when it navigates to a different route using [routeLink] attribute.

Solution:

  • Force reload/ refresh the current route using RouteReuseStrategy
  • Now we need to set this.router.navigated = false; after navigation completes.

  • Window.scrollTo(0,0) , will move your page scroll bar to the top position.