How to go back last page

by

Actually you can take advantage of the built-in Location service, which owns a “Back” API.

Here (in TypeScript):

import {Component} from '@angular/core';
import {Location} from '@angular/common';

@Component({
  // component's declarations here
})
class SomeComponent {

  constructor(private _location: Location) 
  {}

  backClicked() {
    this._location.back();
  }
}

Edit: As mentioned by @charith.arumapperuma Location should be imported from @angular/common so the import {Location} from '@angular/common'; line is important.

More Related Contents:

  1. How to detect a route change in Angular?
  2. Angular 2: 404 error occur when I refresh through the browser [duplicate]
  3. Angular2 multiple router-outlet in the same template
  4. Warn user of unsaved changes before leaving page
  5. Passing data into “router-outlet” child components
  6. Angular2: Make route paths case insensitive
  7. How to pass query parameters with a routerLink
  8. How can I conditionally disable the routerLink attribute?
  9. Dynamic routing based on external data
  10. How to switch layouts in Angular2
  11. How do I detect user navigating back in Angular2?
  12. Angular2 – Interaction between components using a service
  13. Is Angular 2’s Router broken when using HTML5 routes? [duplicate]
  14. Angular2 router.navigate refresh page
  15. Multiple canActivate guards all run when first fails
  16. Angular 2 router resolve with Observable
  17. Can’t reload/refresh active route
  18. Lazy Loading BrowserModule has already been loaded
  19. How do I navigate to a sibling route?
  20. Redirect to a different component inside @CanActivate in Angular2
  21. Pass parameter into route guard
  22. Angular 2 – Routing – CanActivate work with Observable
  23. Want to prevent Component recreation while routing in Angular 2
  24. New Angular2 router configuration
  25. Angular routerLink does not navigate to the corresponding component
  26. How to get parameter on Angular2 route in Angular way?
  27. angular 2 azure deploy refresh error : The resource you are looking for has been removed, had its name changed, or is temporarily unavailable
  28. Angular 2 different components with same route
  29. Angular2 router, get route data from url, to display breadcrumbs
  30. Share data between components using a service in Angular2

Leave a Comment