Angular 2 : routing without changing URL

by

Update

router.navigateByUrl("/team/33/user/11", { skipLocationChange: true });

<a [routerLink]="..." skipLocationChange>click me</a>

Update

There is a PR to support this directly https://github.com/angular/angular/pull/9608

Related issues

Original

You can implement a custom PlatformLocation similar to BrowserPlatformLocation but instead of calling ot history.pushState(), history.replaceState(), history.back(), and history.forward() maintain the changes in a local array.

You can then make Angular use your custom implementation by providing it like

bootstrap(AppComponent, 
    [provide(PlatformLocation, {useClass: MyPlatformLocation})]);

More Related Contents:

  1. Global Events in Angular
  2. How to show a loading spinner while waiting on an observable getting data from a service in Angular
  3. Why use “?” operator in template binding?
  4. angular2 manually firing click event on particular element
  5. How can I watch for changes to localStorage in Angular2?
  6. how to format date in Component of angular 5
  7. Angular 2 – How do I navigate to another route using this.router.parent.navigate(‘/about’)?
  8. Angular2 – Redirect to calling url after successful login
  9. How to iterate object keys using *ngFor?
  10. Get Value From Select Option in Angular 4
  11. How to undo Angular 2 Cli ng-eject?
  12. Angular2 How to navigate to certain section of the page identified with an id attribute
  13. CORS issue with Google Oauth2 for server side webapps
  14. How to smooth scroll to page anchor in angular 4 without plugins properly?
  15. How to make CORS-enabled HTTP requests in Angular 2?
  16. Angular – res.json() is not a function
  17. inject() must be called from an injection context
  18. Angular firebase email verification false after verify
  19. Property ‘of’ does not exist on type ‘typeof Observable [duplicate]
  20. Error: Unexpected value ‘undefined’ imported by the module
  21. Update parent component property from child component in Angular 2
  22. How to enable production mode?
  23. Observable.of is not a function
  24. origin ‘http://localhost:4200’ has been blocked by CORS policy in Angular7
  25. How to correctly import operators from the `rxjs` package
  26. How to execute only one test spec with angular-cli
  27. Angular 4 Material table highlight a row
  28. How to change angular material datepicker format
  29. How to make a post request with angular 5
  30. Does Angular2 use Web Components?

Leave a Comment