Search code examples
javascriptangularjsangularng-upgradeangular-hybrid

Migrating AngularJS to Angular 4,5 (with DEMO)

I am looking into ways of migration a current Angular 1 project to Angular 4.

Options are ng-forward, ngUpgrade or rewrite.

I am thinking on rewriting it but with a twist.

  • I keep the current application
  • Start writing the new one parallel to it
  • All new NG4 rewrites, I want to use ... so bit by bit in other words.

Has anyone attempted this or know a better way?

Solution

  • Incrementally upgrade an AngularJS application to Angular.

    One of the keys to a successful upgrade is to do it incrementally, by running the two frameworks side by side in the same application, and porting AngularJS components to Angular one by one. This makes it possible to upgrade even large and complex applications without disrupting other business, because the work can be done collaboratively and spread over a period of time. The upgrade module in Angular has been designed to make incremental upgrading seamless.

    For more information, see Angular Developer Guide - Upgrading from AngularJS

    The DEMO on PLNKR