/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 vote304 views1 answer
Value should be numeric in angular check
Javascript AngularJS
7 votes262 views4 answers
Angular js
Javascript AngularJS
0 vote305 views1 answer
Angular get route last segment
Javascript AngularJS
0 vote328 views3 answers
Barcode scanner angularjs chrome browser issues
Javascript AngularJS
1 vote255 views1 answer
Submit a form on enter angular
Javascript AngularJS
0 vote286 views1 answer
Tinymce-angular load slow
Javascript AngularJS
0 vote350 views1 answer
Parametro angulara con ruta y recarga de componente
Javascript AngularJS
0 vote304 views1 answer
Use ngfor to make a dropdown in angular from array
Javascript AngularJS
1 vote311 views2 answers
Apache angular routing
Javascript AngularJS
5 votes301 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