How do I detect user navigating back in Angular2?

by

EDIT
Please don’t do this.

The official docs say “This class should not be used directly by an application developer. Instead, use Location.” Ref: https://angular.io/api/common/PlatformLocation

It’s possible to use PlatformLocation which has onPopState listener.

import { PlatformLocation } from '@angular/common'

(...)

constructor(location: PlatformLocation) {

    location.onPopState(() => {

        console.log('pressed back!');

    });

}

(...)

More Related Contents:

  1. How do I create a singleton service in Angular 2?
  2. ‘router-outlet’ is not a known element
  3. Angular 2 Scroll to top on Route Change
  4. Angular 2 unit testing components with routerLink
  5. Angular 2 – How do I navigate to another route using this.router.parent.navigate(‘/about’)?
  6. Angular2 – Interaction between components using a service
  7. Angular2 router keep query string
  8. Multiple canActivate guards all run when first fails
  9. Lazy Loading BrowserModule has already been loaded
  10. Pass parameter into route guard
  11. How do I pass data to Angular routed components?
  12. Ionic 2 – global NavBar for the app
  13. Passing data into “router-outlet” child components
  14. Angular: How to correctly implement APP_INITIALIZER
  15. Angular 2 – 2 Way Binding with NgModel in NgFor
  16. No provider for HttpClient
  17. Dynamic routing based on external data
  18. angular 2 – adding 3rd party libs
  19. Ionic – Horizontal scroll tab for Categories [duplicate]
  20. Difference between interfaces and classes in Typescript
  21. Angular2 router.navigate refresh page
  22. Angular 2: How to use JavaScript Date Object with NgModel two way binding
  23. Redirect to a different component inside @CanActivate in Angular2
  24. want to show more data in another component when view in detail button is clicked (angular 6)
  25. Want to prevent Component recreation while routing in Angular 2
  26. TypeScript-‘s Angular Framework Error – “There is no directive with exportAs set to ngForm”
  27. How to return observable from subscribe
  28. Limit input field to two decimal places – Angular 5
  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