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 showi
-
This question itself can raise thousand of other questions.It is not at all easy to answer this question so fully because you are talking about two major MVC based architectures(Angular1 and Angular2) together.
See how to use angular2 within angular1. Successfully I can bootstrap angular2 app within angular1 app.
It is extremely important to know how you have implemented your angular1 architecture. But if you are angular1&2 guy, you'd probably find ways on your own.
Angular2 App within Angular1 App
Index.html
<body ng-app="app" ng-controller="appController"> <header>{{myValue}}</header> //belongs to angular1 <div ng-non-bindable> <my-app></my-app> <!-- angular 2 app bootstrapping --> </div> <footer>Angular 1 Stuff</footer> <script> var app=angular.module("app",[]); app.controller("appController",function($scope){ $scope.myValue="Nyks"; }) </script>讨论(0)
加载中...
- 热议问题