Angular 2 Upgrade plan

[ztl8702]

This will be a long and challenging task. But it is possible and we can do it piece by piece.

First have a look at:
https://angular.io/guide/upgrade

Angular (i.e. Angular 4) can run side by side with AngularJS (i.e. Angular 1). This means that we can write new components in Angular 4 and use them in the old Angular 1 application.

Of course, some configurations and cleaning up are necessary.

[ztl8702]

@rovinglight

[rovinglight]

👌Seems like we should do that first before other things can go on.

[ztl8702]

Proposed steps for upgrade:

1. Configure webpack for module loading. This also prepares for the following step.

2. Switch to TypeScript. This involves changing all .js files to .ts, and updating gulpfile.js to add TypeScript compilation to the build process.

3. Change existing views and controllers to Component Directives. This will facilitate the upgrade to Angular 4 as "components" are the primary building blocks in Angular 4.

4. Switch from ng-app to manual bootstrapping.

After these steps Angular 4 may be introduced into the project.

[ztl8702]

All 4 preparation steps are done. Now kicking off the actual migration.