How to embed a self-contained Angular 2 application inside of an Angular 1 application
Note: I am NOT upgrading an ng1 app. I'm trying to get an ng1 and ng2 app to live side-by-side (or rather nested). We have roughly the following html showing how we are trying to use two frameworks on the page at once: Angular 1: The whole page is controlled by Angular 1. But we have used ng-non-bindable to tell the ng1 application to ignore the div in the middle of the page. Angular 2: Just the element in the middle of the page should be bootstrapped as Angular 2. <html ng-app="app"> <head></head> <body ng-controller="appController"> <header>Angular 1 Stuff</header> <div ng-non-bindable> <ng2