Angular Framework
Imal Perera  

Listening to Route changes Angular 2 / 4

Spread the love

 

import { Component, OnInit } from '@angular/core'
import { 
	Router,
	Event, 
	NavigationStart, RoutesRecognized,RouteConfigLoadStart, 
	RouteConfigLoadEnd, NavigationEnd, NavigationCancel, NavigationError
} from '@angular/router'

@Component({
	selector : "vfooter",
	templateUrl : 'footer.component.html',
	styleUrls : [
		'footer.component.scss'
	]
})
export class ViFooter implements OnInit{

	constructor(private router : Router){

	}

	ngOnInit(){
		this.router.events.subscribe((event : Event) => {
			 if(event instanceof NavigationStart) {
			 	//An event triggered when navigation starts.
			 }else if(event instanceof RoutesRecognized) {
			 	//An event triggered when the Router parses the URL and the routes are recognized.
			 }else if(event instanceof RouteConfigLoadStart) {
			 	//An event triggered before the Router lazy loads a route configuration.
			 }else if(event instanceof RouteConfigLoadEnd) {
			 	//An event triggered after a route has been lazy loaded.
			 }else if(event instanceof NavigationEnd) {
			 	//An event triggered when navigation ends successfully.
			 }else if(event instanceof NavigationCancel) {
			 	//An event triggered when navigation is canceled. This is due to a Route Guard returning false during navigation.
			 }else if(event instanceof NavigationError) {
			 	//An event triggered when navigation fails due to an unexpected error.
			 }
		});
	}

}


Leave A Comment