NG-NL 2017: Pete Bacon Darwin & George Kalpakas
summary
ngUpgrade runs AngularJS and Angular side‑by‑side so you can migrate incrementally: manual bootstrapping uses an UpgradeModule bootstrap flow (bootstrap Angular then call ngDoBootstrap to start AngularJS), components are exposed via the downgradeComponent helper and services via downgradeInjectable/upgrade factory providers, and migrated components keep change detection and digest cycles in sync. Demo is a TypeScript to‑do app; AOT requires exported factory functions; ControlValueAccessor, multi‑slot transclusion and Protractor cross‑framework waits are implemented and work.
AI-written summary · about
chapters (15)
- 0:00Welcome and introduction
- 1:06Why AngularJS is loved
- 3:22Challenges with AngularJS
- 5:54Introducing ngUpgrade
- 6:56Setting up the demo
- 9:28Bootstrapping hybrid app
- 13:22Downgrading components
- 17:59Downgrading services
- 20:35Upgrading components
- 24:58Upgrading services
- 26:40Migrating components
- 31:01Summary of techniques
- 32:25Bonus features
- 36:23Future of ngUpgrade
- 40:37Call to action
related talks
20mAddicted to AngularJS?
23mUpgrading to Angular without ngUpgrade
20mUpgrading Enterprise Angular Applications
24mGetting to Angular 2
26mSTORE TREK: The Voyage to Angular
54mWhen You Can’t Use the Word “BIG BANG”
42mA Developer's Tale: Migrating an Angular app from version 10 to 17
44mMigrating to Angular 2