/Angular-Hybrid-1

Angular.js 1.7 + Angular 10 + ngUpgrade + Angular CLI + UI-Router

Primary LanguageTypeScript

Angular Hybrid 1 (using UI-Router)

This repo shows how to use these technologies combined (hopefully, saving you some suffering):

There are plenty tutorials out there, even some official by the Angular team. But while following them, I noticed they were either outdated, incomplete, or didn't cover how to configure a hybrid application with the Angular CLI.

This repo is meant to save you some time and serve as a starting point if you are struggling with properly configuring your application.

For a second version of this repo, which integrates also the Angular Router, go here

What you'll find here

This application's main component is in Angular.js. It contains links with ui-router to both Angular.js and Angular components, which in turn contain inside some mix of Angular.js and Angular components.

The components are color coded, so it's easy to know which component is written in which framework: orange is Angular.js, blue is Angular.

Browse the code without cloning

To look at the code without cloning/downloading, open this StackBlitz:

StackBlitz