angular如何在一个网页中同时启动两个app?
2016-08-19 14:07
281 查看
AngularJS深入
这个系列真不错,是我想学的深入内容。http://syaning.com/2015/07/16/dive-into-angular-1/
一般情况下,一个页面中只有一个应用,但是一个页面上多个应用也是可以共存的。通过上面对源码的分析,可以知道,只有第一个应用会自动启动,因此其余的应用需要手动来启动,例如:
<div id="app1" ng-app="MyModule1"> <div ng-controller="ctrl1"> </div> </div> <div id="app2" ng-app="MyModule2"> <div ng-controller="ctrl2"> </div> </div> <script> var myModule1 = angular.module('MyModule1', []); myModule1.controller('ctrl1', ['$scope', function($scope) { $scope.name = 'alex'; }]); var myModule2 = angular.module('MyModule2', []); myModule2.controller('ctrl2', ['$scope', function($scope) { $scope.greeting = 'hello'; }]); angular.element(document).ready(function() { angular.bootstrap(document.getElementById('app2'), ['MyModule2']); }); </script>
相关文章推荐
- 如何同时启动两个Android模拟器
- 如何同时启动两个Android模拟器
- 如何同时启动两个tomcat
- AngularJS如何在同一个界面启动多个ng-app应用模块
- Playframework - 如何解决两个JPA同时访问一个数据库但是不更新Model的id名字
- 如何为一个网页中的frameset里两个frame中间添加一个伸缩条
- 文件用户如何将一个有界面的正常app和一个或多个越狱插件.deb同时安装到手机上
- 如何用codeblocks同时运行一个工程里的两个程序
- 在一个网页中同时执行两个或多个action
- 如何在一个电脑上同时使用两个Git的账号
- 如何将一个表单同时提交到两个地方处理
- 如何将一个表单同时提交到两个地方处理
- 新建了一个用户,administrator不显示,如何让两个用户同时显示
- 如何在一台机器中同时启动两个tomc…
- 一个电脑同时启动两个TOmcat
- 如何同时启动两个Android 模拟器
- 如何在一台机器同时启动两个TOMCAT
- [Tizen]如何在sdb shell中启动一个app
- 如何通过Intent启动一个已经安装好的APP
- 如何让一个APP启动另一个APP