guide

Guide - Angular Router and AngularJs UI Router Hybrid

Have a read through the official Angular Upgrade Docs first to get a good grasp on how Angular Upgrade works.

At the end of this guide you should be able to set up a hybrid Angular 6+ and AngularJs (Angular 1.x) app with Angular Router and AngularJs UI-Router working nicely together.

Each part has an associated commit in this repo. See repo commits.

A note on naming: as per the Branding Guidelines for Angular and AngularJS when referring to Angular 1.x we say "AngularJs" and Angular 2+ is referred to as Angular.

Background

Part 1: Set Up Angular and AngularJs Hybrid App

Part 2: Add UI Router With Config

Part 3: Add Angular Router With Config

Part 4: Hacks To Get Hybrid Routing Working

Conclusion

Appendix 1: Angular CLI doesn't transpile js files

ToDo

• Lazy loading route modules?
• Duplicate base path? Might not be an issue any more with the latest setUpLocationSync changes. Or might need to ignore the base path when redirecting.