Migrating from AngularJS to Angular

28 Pages·2015·3.21 MB·English

Migrating from
AngularJS to Angular
Elana Olson
@elanathellama
@elanathellama
Elana Olson
Developer Relations Intern
Studying software engineering
●
Traveling around the world
●
@@eellaannaatthheellllaammaa
Angular is the name for the
Angular of today and tomorrow.
AngularJS is the name for all 1.x
versions of Angular.
@@eellaannaatthheellllaammaa
@elanathellama
ngMigration Assistant
Finding the right migration approach for your app
@elanathellama
https://github.com/angular/angular-phonecat/tree/step-14
@@eellaannaatthheellllaammaa
Criteria
* Complexity
\
* App size and amount of files/folders
* AngularJS patterns
* Preparation necessary for migration
@elanathellama
AngularJS Patterns
● JavaScript
● $rootScope
● $compile
● Controllers
● Component Directives
@elanathellama
App Statistics
* Complexity:
\
2 controllers,
1 AngularJS component,
6 JavaScript files,
0 TypeScript files
* App size: 18224 lines of code
* File count: 20 total files, 11 relevant files
@elanathellama
Recommendation
Please follow these preparation steps in the files
\
identified before migrating with ngUpgrade.

* App contains $rootScope, refactor into services
* App contains 6 JavaScript files, convert to TypeScript
* App contains 2 controllers, convert to AngularJS
component directives
@elanathellama