The amazing Angular 2 Router
summary
Claims Angular 2 router is at version 3 and supports URL‑based routes with path or hash strategies, child and auxiliary routes, and navigation guards for both canActivate and canDeactivate. Implementation details show using RxJS operators (demo uses retryWhen with 2s delay for network resiliency), loadChildren to lazy‑load a module, routerLink array DSL, query/fragment params behavior, and a small Spider‑Man prototype with a login toggle and protected users section whose demo recovers and loads the JSON users after reconnecting.
AI-written summary · about
chapters (31)
- 0:00Start
- 1:07Google Developer Expert
- 1:44International Speaker
- 2:01Angular 2 Trainer
- 2:22Community Leader
- 2:48NG-CRUISE
- 5:55Features
- 8:02TypeScript IDE Support
- 8:13Modern Tooling
- 10:09Requirements
- 12:24Components Tree
- 15:33index.html
- 16:27Bootstrap
- 19:43login.service.ts
- 21:28users.json
- 22:02users.service.ts
- 26:00Main Contributor
- 28:56Location Strategies
- 30:48Defining Routes
- 33:02router-outlet
- 35:25Child Routes-refactored
- 36:06Navigation
- 37:15routerLink
- 37:50Some examples
- 38:10Passing data
- 40:08Accessing Data
- 40:34Accessing hash fragment
- 40:44Ask before navigating
- 41:55Restrict Access
- 42:27Lazy Loading
- 42:52default preloading
related talks
33mAngular Router - Undiscovered Parts
16mThe New Router
58mRouting into the Sunset with Angular
29mAngular Router - Let's Get Lazy!
46mThe Amazing Angular 2
24mGetting to Angular 2
22mN Things You Didn’t Know About the Router
26mAngular Router Authentication and Authorization Real LIVE LIVE LIVE LIVE LIVE Demo