ng-europe: the new router
DESCRIPTION
A twenty minute talk introducing the concepts and design ideas in the new router coming to AngularJS.TRANSCRIPT
![Page 1: ng-europe: The New Router](https://reader035.vdocuments.net/reader035/viewer/2022081907/547e7b35b4af9f9b158b5705/html5/thumbnails/1.jpg)
THE NEW ROUTERRob Eisenberg
@EisenbergEffect
![Page 2: ng-europe: The New Router](https://reader035.vdocuments.net/reader035/viewer/2022081907/547e7b35b4af9f9b158b5705/html5/thumbnails/2.jpg)
AgendaFEATURES
• The Basics
• Dynamic Loading
• Screen Activation
• Child Apps
DESIGN
• Navigation Pipeline
• Customization
![Page 3: ng-europe: The New Router](https://reader035.vdocuments.net/reader035/viewer/2022081907/547e7b35b4af9f9b158b5705/html5/thumbnails/3.jpg)
FEATURES
![Page 4: ng-europe: The New Router](https://reader035.vdocuments.net/reader035/viewer/2022081907/547e7b35b4af9f9b158b5705/html5/thumbnails/4.jpg)
FEATURES
The BasicsFamiliar Features
• Configuration• 404 Handling• History Manipulation
New Features
• Conventions• Navigation Model• Document Title
Updates
![Page 5: ng-europe: The New Router](https://reader035.vdocuments.net/reader035/viewer/2022081907/547e7b35b4af9f9b158b5705/html5/thumbnails/5.jpg)
FEATURES
Dynamic Loading
![Page 6: ng-europe: The New Router](https://reader035.vdocuments.net/reader035/viewer/2022081907/547e7b35b4af9f9b158b5705/html5/thumbnails/6.jpg)
FEATURES
Child Apps
• The App Router & Child Routers
• State Management & Component Reuse
• Parallel Controllers
![Page 7: ng-europe: The New Router](https://reader035.vdocuments.net/reader035/viewer/2022081907/547e7b35b4af9f9b158b5705/html5/thumbnails/7.jpg)
FEATURES
Screen Activation
• Lifecycle
• TO: canActivate activate
• FROM: canDeactivate deactivate
• Promises
• NavigationCommands
![Page 8: ng-europe: The New Router](https://reader035.vdocuments.net/reader035/viewer/2022081907/547e7b35b4af9f9b158b5705/html5/thumbnails/8.jpg)
DESIGN
![Page 9: ng-europe: The New Router](https://reader035.vdocuments.net/reader035/viewer/2022081907/547e7b35b4af9f9b158b5705/html5/thumbnails/9.jpg)
DESIGN
Navigation Pipeline
• NavigationInstruction
• NavigationContext
• Pipeline
![Page 10: ng-europe: The New Router](https://reader035.vdocuments.net/reader035/viewer/2022081907/547e7b35b4af9f9b158b5705/html5/thumbnails/10.jpg)
DESIGN
Customization• Configuration/Conventions
• NavigationInstruction
• NavigationCommand
• Pipeline
• History
• Viewport
![Page 11: ng-europe: The New Router](https://reader035.vdocuments.net/reader035/viewer/2022081907/547e7b35b4af9f9b158b5705/html5/thumbnails/11.jpg)
la fin