Components and the DOM
A hybrid ngUpgrade application’s DOM has components and directives from AngularJS as well as Angular. To communicate with each other, these components either use input and output bindings of the frameworks they belong to or shared injected dependencies.
Every DOM element is owned by one of the two frameworks, while the other framework shuns it.
A hybrid application is an AngularJS application at the beginning, and then AngularJS processes the root template, for instance, the index HTML. After that Angular comes into play and an Angular component is used in an AngularJS template. Angular manages the component’s template, which may have any number of Angular components and directives.
These tools helped Evan replace the AngularJS components with their Angular counterparts.
He then proceeded with adding the Angular router and Bootstrap.
Angular has a new router, which needs space in the UI to show routed views.
That’s it, and Evan was done with the upgrade. He got his new application up and running.