大佬教程收集整理的这篇文章主要介绍了多个版本的AngularJS在一个页面，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
显然,这似乎是一个愚蠢的事情,但我的用例是一个使用AngularJS的页面,其中包含了第一个使用AngularJS的首选版本的第三方组件.
更新：
找到一些信息：
https://groups.google.com/forum/#!msg/angular/G8xPyD1F8d0/u1QNDNvcwW4J
https://github.com/angular/angular.js/pull/1535
首先加载角度库,并确保在加载window.angle为空之前：
<script src="vendor/angular/1.2.0/angular.min.js"></script>
<script src="app/app2.js"></script>
<script>
var angular2 = angular;
window.angular = null; // here we're cleaning angular reference
</script>
<script src="vendor/angular/1.0.5/angular.js"></script>
<script src="app/app1.js"></script>
<script>
var angular1 = angular;
</script>
请注意,每个应用程序(app1.js,app2.js)对于每个版本的角度应在加载角度库后立即加载.
应用程序的每个JavaScript文件都包含在自我执行功能(功能(角){…})(角)中.看看app2.js的例子：
(function(angular) { angular.module('myApp2',[]). controller('App2Ctrl',function($scopE) { $scope.$watchCollection('[a,b,c]',function() { console.log(angular.version.full); }); }); })(angular);
注意这里我使用的是$watchCollection,它只适用于角度为1.2.x的角色.通过为每个文件提供匿名函数的范围,强制应用程序到达角度属性而不是window.angular属性.
最后你必须使用manuall方法引导应用程序：
<body>
<div id="myApp1" ng-controller="App1Ctrl">
</div>
<div id="myApp2" ng-controller="App2Ctrl">
</div>
<script>
angular1.bootstrap(document.getElementById('myApp1'),['myApp1']);
angular2.bootstrap(document.getElementById('myApp2'),['myApp2']);
</script>
</body>
工作空档here.运行后请检查控制台窗口以查看已使用角度的日志版本.
以上是大佬教程为你收集整理的多个版本的AngularJS在一个页面全部内容，希望文章能够帮你解决多个版本的AngularJS在一个页面所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。