How to reload the current route with the angular 2 router

by

Create a function in the controller that redirects to the expected route like so

redirectTo(uri:string){
   this.router.navigateByUrl("https://stackoverflow.com/", {skipLocationChange: true}).then(()=>
   this.router.navigate([uri]));
}

then use it like this

this.redirectTo('//place your uri here');

this function will redirect to a dummy route and quickly return to the destination route without the user realizing it.

More Related Contents:

  1. @Directive vs @Component in Angular
  2. ‘router-outlet’ is not a known element
  3. Angular HttpClient “Http failure during parsing”
  4. Angular 4 – Http to HttpClient – property ‘someproperty’ does not exist on type Object
  5. Angular 2 unit testing components with routerLink
  6. mat-form-field must contain a MatFormFieldControl
  7. DI with cyclic dependency with custom HTTP and ConfigService
  8. Get all validation errors from Angular 2 FormGroup
  9. How to implement SignIn with Google in Angular 2 using Typescript
  10. Dynamically load HTML template in angular2
  11. Angular 4/5/6 Global Variables
  12. Property ‘controls’ does not exist on type ‘AbstractControl’ Angular 4 [duplicate]
  13. Angular 2/4 component with dynamic template or templateUrl
  14. Angular 12 source map is missing in browser
  15. Angular 5 – Copy to clipboard
  16. Pass config data using forRoot
  17. Angular 4 checkbox change value
  18. Angular @ViewChild() error: Expected 2 arguments, but got 1
  19. Best way to import Observable from rxjs
  20. Ionic2/Angular2 – Read a custom config file
  21. rxjs/Subject.d.ts error : Class ‘Subject’ incorrectly extends base class ‘Observable’
  22. FormBuilder group is deprecated
  23. TypeScript-‘s Angular Framework Error – “There is no directive with exportAs set to ngForm”
  24. How to return observable from subscribe
  25. How to mock Angular 4.3 httpClient an error response in testing
  26. Angular 2 creating reactive forms with nested components
  27. Limit input field to two decimal places – Angular 5
  28. Angular 6 – how to mock router.events url response in unit test
  29. How to create and download text/Json File with dynamic content using angular 2+
  30. Angular4 Load external html page in a div

Leave a Comment