/Angular-Hybrid-2

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

Primary LanguageTypeScript

Angular Hybrid 2 (with routers)

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.

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: reddish is Angular.js, blueish is Angular.

Browse the code without cloning

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

StackBlitz