/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

0 vote106 views1 answer
Put my angular project in subfolder. 500 INTERNAL ERROR
Javascript AngularJS
0 vote118 views1 answer
O list do AngularFireDatabase não é mais um observable??
Javascript AngularJS
1 vote114 views1 answer
Add a route to a buttoin in angular
Javascript AngularJS
5 votes315 views1 answer
Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option in your 'tsconfig' or 'jsconfig' to remove this warning.ts(1219) angular
Javascript AngularJS
0 vote109 views1 answer
Animation end event angular
Javascript AngularJS
0 vote113 views1 answer
Installing toast for angular projects
Javascript AngularJS
-1 vote118 views1 answer
How to disable previous date in datepicker using angular 6
Javascript AngularJS
0 vote112 views1 answer
Is it possible to filter with multiple condition in angularjs?
Javascript AngularJS
8 votes118 views3 answers
Angular build production
Javascript AngularJS
0 vote96 views1 answer
Hashtag strategy angular
Javascript AngularJS