How to detect a route change in Angular?

Ans: The below has to be used.

this.router.events.subscribe((event: Event) => {})

Below is the example that is represented below.

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

import { Router, Event, NavigationStart, NavigationEnd, NavigationError } from '@angular/router';

@Component({

    selector: 'app-root',

    template: `<router-outlet></router-outlet>`

})

export class AppComponent {

    constructor(private router: Router) {

        this.router.events.subscribe((event: Event) => {

            if (event instanceof NavigationStart) {

                // To Show loading indicator

            }

            if (event instanceof NavigationEnd) {

                //To  Hide loading indicator

            }

            if (event instanceof NavigationError) {

                // To Hide loading indicator

               // To Present error to user

                console.log(event.error);

            }

        });

  }}