Order of Operations

Migrating a large Angular 1 application to Angular 2 can be a big undertaking. We recommend the following order of operations during conversion.

  • Webpack
  • TypeScript
  • Move as much code as possible into pure TypeScript modules
    • Write framework-agnostic unit tests for that code
    • Good candidates for this are stateless services
  • Enable ngUpgrade
    • If used, replace the ng-app directive with angular.bootstrap.
    • Create UpgradeAdapter singleton and replace "bootstrap".
  • Identify components (directives) of the app most likely to benefit from Angular 2
    • These could be parts of the app where performance is a problem, parts where there will be more active development or parts that could really benefit from Angular 2 libraries or components.
  • Convert all service dependencies from Angular 1 to Angular 2
    • Move existing .factory Angular services to .service
    • Leverage TypeScript classes
    • Use upgradeAdapter.downgradeNg2Provider(ServiceName) to expose Angular 2 service to Angular 1
  • Repeat this process until all components have been converted to Angular 2

results matching ""

    No results matching ""