Angular router navigation events

In this video we will discuss the sequence of navigation events that are triggered by the angular router, when navigating from one route to another route. These navigation events range from when the navigation starts and ends to many points in between. Healthy diet is very important for both body and mind. We want to inspire you to cook and eat healthy. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking. https://www.youtube.com/channel/UC7sEwIXM_YfAMyonQCrGfWA/?sub_confirmation=1 Text version of the video http://csharp-video-tutorials.blogspot.com/2018/05/angular-router-navigation-events.html Slides http://csharp-video-tutorials.blogspot.com/2018/05/angular-router-navigation-events-slides.html Angular CRUD Tutorial https://www.youtube.com/playlist?list=PL6n9fhu94yhXwcl3a6rIfAI7QmGYIkfK5 Angular CRUD Tutorial Text Articles & Slides http://csharp-video-tutorials.blogspot.com/2017/12/angular-crud-tutorial.html All Dot Net and SQL Server Tutorials in English https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd All Dot Net and SQL Server Tutorials in Arabic https://www.youtube.com/c/KudvenkatArabic/playlists To see these navigation events in action, set enableTracing option to true as shown below. Enabling tracing logs all the router navigation events to the browser console. RouterModule.forRoot(appRoutes, { enableTracing: true }) The following list shows some of the navigation events 1. NavigationStart 2. NavigationEnd 3. RoutesRecognized 4. GuardsCheckStart 5. GuardsCheckEnd 6. NavigationCancel 7. NavigationError 8. ChildActivationStart 9. ChildActivationEnd 10. ActivationStart 11. ActivationEnd 12. ResolveStart 13. ResolveEnd What are the use cases of these navigation events 1. Monitor routes 2. Troubleshoot when routing does not work as expected 3. Display a loading message if there is a delay when navigating from one route to another (We will discuss this in our next video)