Angular 6 – getting previous url from angular router

Below is a service that can be used to get the previous url from angular router where it is navigated via router or browser’s back button

// Service
import { Injectable } from '@angular/core';
import { Router, RouterEvent, NavigationEnd } from '@angular/router';

 /** A router wrapper, adding extra functions. */
export class RouterExtService {

  private previousUrl: string = undefined;
  private currentUrl: string = undefined;

  constructor(private router: Router) {
    this.currentUrl = this.router.url; => {
      if (event instanceof NavigationEnd) {
        this.previousUrl = this.currentUrl;
        this.currentUrl = event.url;

  public getPreviousUrl() {
    return this.previousUrl;

Usage in component

    private routerService: RouterExtService
    ) {}

// referrer can be get from the service
const referrer = this.routerService.getPreviousUrl();

Add a Comment

Your email address will not be published. Required fields are marked *

To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Anti-spam image