/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

2 votes282 views2 answers
Generating component in angular without spec file
Javascript AngularJS
0 vote182 views1 answer
You seem to not be depending on "@angular/core" and/or "rxjs". This is an error.
Javascript AngularJS
0 vote235 views1 answer
Type time angular
Javascript AngularJS
0 vote179 views1 answer
Fullcalendar angular add events
Javascript AngularJS
3 votes201 views2 answers
How to set default route in angular
Javascript AngularJS
0 vote210 views1 answer
Can we get the value of form control after disabling it angular
Javascript AngularJS
0 vote183 views1 answer
How to add dropdown with filter in angular material
Javascript AngularJS
0 vote192 views1 answer
Angular material remove outline
Javascript AngularJS
0 vote238 views1 answer
ERROR in ./src/app/pages/auth/auth.module.ngfactory.js Module not found: Error: Can't resolve '@angular/material/core/index'
Javascript AngularJS
0 vote244 views1 answer
Angular stoppropagatio
Javascript AngularJS