Events
This is the documentation for Angular 6.
You can switch to the latest version Angular 10.
You can switch to the latest version Angular 10.
During each navigation, the Router
emits navigation events through the Router.events
property. These events range from when the navigation starts and ends to many points in between.
NavigationStart
— An event triggered when navigation starts.RouteConfigLoadStart
— An event triggered before the Router lazy loads a route configuration.RouteConfigLoadEnd
— An event triggered after a route has been lazy loaded.RoutesRecognized
— An event triggered when the Router parses the URL and the routes are recognized.GuardsCheckStart
— An event triggered when the Router begins the Guards phase of routing.ChildActivationStart
— An event triggered when the Router begins activating a route's children.ActivationStart
— An event triggered when the Router begins activating a route.GuardsCheckEnd
— An event triggered when the Router finishes the Guards phase of routing successfully.ResolveStart
— An event triggered when the Router begins the Resolve phase of routing.ResolveEnd
— An event triggered when the Router finishes the Resolve phase of routing successfuly.ChildActivationEnd
— An event triggered when the Router finishes activating a route's children.ActivationEnd
— An event triggered when the Router finishes activating a route.NavigationEnd
— An event triggered when navigation ends successfully.NavigationCancel
— An event triggered when navigation is canceled. This is due to a Route Guard returning false during navigation.NavigationError
— An event triggered when navigation fails due to an unexpected error.Scroll
— An event that represents a scrolling event.
Example
Subscribe on NavigationEnd
event:
export class AppComponent {
constructor(private router: Router) {
}
ngOnInit() {
this.router.events
.pipe(filter(event => event instanceof NavigationEnd))
.subscribe(() => {
...
});
}
}