/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

1 vote155 views1 answer
Angular add font
Javascript AngularJS
0 vote147 views1 answer
Angular call parent method and child method
Javascript AngularJS
0 vote157 views1 answer
Angular on back skip routes
Javascript AngularJS
0 vote180 views1 answer
Angular disabled condition based
Javascript AngularJS
4 votes209 views3 answers
Pass data from parent to child component angular 8
Javascript AngularJS
0 vote166 views1 answer
How to apply border to table in angular
Javascript AngularJS
5 votes362 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 vote157 views1 answer
Angular material slide effect button click
Javascript AngularJS
8 votes154 views1 answer
How to install flexbox in angular
Javascript AngularJS
0 vote165 views1 answer
Send data with emit angular
Javascript AngularJS