/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 vote169 views1 answer
Angular.toJson
Javascript AngularJS
4 votes173 views3 answers
Reload sub component angular
Javascript AngularJS
0 vote146 views1 answer
Dynamic set required in angular using formcontrol
Javascript AngularJS
28 votes322 views6 answers
Angular router navigate
Javascript AngularJS
0 vote161 views1 answer
VideoTitle$ Angular 2 - communication between two sibling components
Javascript AngularJS
1 vote149 views1 answer
If 'ion-item' is an Angular component, then verify that it is part of this module.
Javascript AngularJS
20 votes157 views4 answers
Create angular component using cli
Javascript AngularJS
0 vote150 views1 answer
Mac address validation regex angular
Javascript AngularJS
1 vote157 views1 answer
Property 'socket' does not exist on type 'Window & typeof globalThis'. angular
Javascript AngularJS
0 vote149 views1 answer
Angular specific attributes and locators list
Javascript AngularJS