/Javascript/AngularJS/Angular refresh component on button click

Angular refresh component on button click

How to Reload a Component in Angular

reloadComponent() {
  let currentUrl = this.router.url;
      this.router.routeReuseStrategy.shouldReuseRoute = () => false;
      this.router.onSameUrlNavigation = 'reload';
      this.router.navigate([currentUrl]);
  }

Angular reload component

reloadCurrentRoute() {
    let currentUrl = this.router.url;
    this.router.navigateByUrl('/', {skipLocationChange: true}).then(() => {
        this.router.navigate([currentUrl]);
    });
}

Source: stackoverflow.com

Angular refresh component on button click

reloadCurrentRoute() {
    let currentUrl = this.router.url;
    this.router.navigateByUrl('/', {skipLocationChange: true}).then(() => {
        this.router.navigate([currentUrl]);
    });
}

Similar codes

37 votes253 views2 answers
Short date angular pipe
Javascript AngularJS
0 vote121 views1 answer
Iterating hashmap angular
Javascript AngularJS
2 votes116 views1 answer
Get current url angular
Javascript AngularJS
0 vote122 views1 answer
Use node js as backend with angular frontend
Javascript AngularJS
-2 votes158 views2 answers
Bootstrap 4 navbar-collapse not working angular
Javascript AngularJS
0 vote353 views1 answer
Resolvers in angular
Javascript AngularJS
1 vote115 views1 answer
How to use edit button in angular
Javascript AngularJS
0 vote120 views1 answer
Sweetalert angular 8
Javascript AngularJS
0 vote122 views1 answer
Reuse jquery angular
Javascript AngularJS
0 vote132 views1 answer
Disable strict mode angular
Javascript AngularJS