Routing into the Sunset with Angular
summary
A concrete flight-booking sample app built with Angular demonstrates child routes, auxiliary outlets, and matrix parameters for multi-segment URLs, plus a publish/subscribe navigation service and modal overlays that require explicit exit confirmation. The router examples include activation guards (including a child/private variant) that can block navigation, a lazy-loaded module pattern with on-demand bundles to reduce startup time, and router debug logging; the talk also measures bundle-size and first-load performance while noting some navigations intermittently fail in demos.
AI-written summary · about
chapters (24)
- 0:00Angular routing intro
- 1:08Routing config
- 3:54Passing route params
- 6:14Params to props
- 9:01Switching views
- 12:15Advanced route components
- 15:54Child routes
- 18:57Model dialogs in routing
- 22:32Model dialogs demo
- 26:17Component event comms
- 29:10Route guards
- 33:50Restore user state
- 35:36Guard activation flow
- 37:42Guard activation demo
- 40:05Bookmarks & reloads
- 42:35Matrix params
- 44:03Observer pattern
- 46:05Narrative routing
- 47:47SPA navigation
- 50:00Lazy loading
- 53:02Optimize startup
- 55:11Debugging routing
- 56:18Prevent route activation
- 57:28Q&A
related talks
07mAuxiliary Routes - the Ant-Man of Angular
44mThe amazing Angular 2 Router
33mAngular Router - Undiscovered Parts
16mThe New Router
31mHidden gems in Angular: hybrid rendering, new routing features, and beyond
22mN Things You Didn’t Know About the Router
29mAngular Router - Let's Get Lazy!
29mHow Well Do You Know Angular? Let's Have Fun Together!