Search code examples
angularjsangularsystemjs

How do I load Angular 4 into an AngularJS app using SystemJS?

I want to convert an AngularJS app to Angular 4. I'm reading the official Angular documentation for upgrading from AngularJS at https://angular.io/guide/upgrade. It states this:

To begin converting your AngularJS application to a hybrid, you need to load the Angular framework. You can see how this can be done with SystemJS by following the instructions in Setup, selectively copying code from the QuickStart github repository.

The 'Setup' link however leads to a page which doesn't mention SystemJS. How do I use SystemJS to load/build the Angular 4 framework into the existing AngularJS app?

Solution

  • The link you specified points to the Angular quickstart project which uses systemjs. https://github.com/angular/quickstart

    Although the project is marked as deprecated it is currently still valid in how you can setup Angular with systemjs.

    You can then use the quickstart as the basis for porting your code across and will enable you to follow the additional instructions in that setup steps.