在上面的文章中,都是在html元素上绑定ng-app="myApp",然後使用angular.module('myApp',[]);来初始化模块的操作,下面我们来用angular.bootstrap方法手动初始化模块。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DEMO</title>
<script type="text/javascript" src="https://code.angularjs.org/1.3.8/angular.min.js"></script>
</head>
<body>
<div ng-controller='Aaa'>
<p>{{name}}</p>
</div>
<div ng-controller='Bbb'>
<p>{{name}}</p>
</div>
<script type="text/javascript">
var m1 = angular.module('myApp1',[]);
var m2 = angular.module('myApp2',[]);
m1.controller('Aaa',function($scope){
$scope.name = 'hello AngularJs';
});
m2.controller('Bbb',function($scope){
$scope.name = 'Hi';
});
//点击的时候初始化模块
document.onclick = function(){
var aDiv = document.getElementsByTagName('div');
//多次初始化操作
angular.bootstrap(aDiv[0],['myApp1']);
angular.bootstrap(aDiv[1],['myApp2']);
};
</script>
</body>
</html>
除了手动初始化模块外,还能使用run方法初始化控制器(但是数据必须是全局的)。
<!DOCTYPE HTML>
<html ng-app="myApp">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DEMO</title>
<script type="text/javascript" src="https://code.angularjs.org/1.3.8/angular.min.js"></script>
</head>
<body>
<div>
<p>这里没有使用ng-controller命令</p>
<p>{{name}}</p>
</div>
<script type="text/javascript">
var m1 = angular.module('myApp',[]);
//不需要创建控制器引用也可以更改数据
//rootScope是全局作用域
m1.run(['$rootScope',function($rootScope){
$rootScope.name = 'hello';
}]);
</script>
</body>
</html>
在run下不能使用$scope局部,否侧会报错!
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
# Angular
# 模块
# 控制器
# AngularJS初始化过程分析(引导程序)
# AngularJS初始化静态模板详解
# Angularjs在初始化未完毕时出现闪烁问题的解决方法分析
# Angular.js基础学习之初始化
# AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
# Angular.js初始化之ng-app的自动绑定与手动绑定详解
# Angular如何在应用初始化时运行代码详解
# 是在
# 不需要
# 还能
# 在上面
# 报错
# 绑定
# 来用
# equiv
# meta
# Content
# http
# gt
# head
# HTML
# title
# utf
# script
# DEMO
相关文章:
北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱?
如何用免费手机建站系统零基础打造专业网站?
手机怎么制作网站教程步骤,手机怎么做自己的网页链接?
制作门户网站的参考文献在哪,小说网站怎么建立?
平台云上自助建站如何快速打造专业网站?
如何快速生成ASP一键建站模板并优化安全性?
c# F# 的 MailboxProcessor 和 C# 的 Actor 模型
建站之星导航如何优化提升用户体验?
制作网站哪家好,cc、.co、.cm哪个域名更适合做网站?
网站海报制作教学视频教程,有什么免费的高清可商用图片网站,用于海报设计?
已有域名和空间如何搭建网站?
建站之星北京办公室:智能建站系统与小程序生成方案解析
网站制作的软件有哪些,制作微信公众号除了秀米还有哪些比较好用的平台?
html制作网站的步骤有哪些,iapp如何添加网页?
建站主机默认首页配置指南:核心功能与访问路径优化
建站主机类型有哪些?如何正确选型
如何在局域网内绑定自建网站域名?
专业网站制作企业网站,如何制作一个企业网站,建设网站的基本步骤有哪些?
如何高效完成自助建站业务培训?
如何通过山东自助建站平台快速注册域名?
如何快速配置高效服务器建站软件?
早安海报制作网站推荐大全,企业早安海报怎么每天更换?
建站之星后台搭建步骤解析:模板选择与产品管理实操指南
深圳网站制作的公司有哪些,dido官方网站?
如何快速上传建站程序避免常见错误?
如何彻底卸载建站之星软件?
如何配置FTP站点权限与安全设置?
如何在IIS中新建站点并配置端口与IP地址?
如何挑选优质建站一级代理提升网站排名?
如何快速搭建二级域名独立网站?
太平洋网站制作公司,网络用语太平洋是什么意思?
深圳 网站制作,深圳招聘网站哪个比较好一点啊?
中山网站制作网页,中山新生登记系统登记流程?
标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的,背景音乐、音效等?
重庆市网站制作公司,重庆招聘网站哪个好?
建站中国官网:模板定制+SEO优化+建站流程一站式指南
高配服务器限时抢购:企业级配置与回收服务一站式优惠方案
如何用腾讯建站主机快速创建免费网站?
建站之星后台密码遗忘?如何快速找回?
唐山网站制作公司有哪些,唐山找工作哪个网站最靠谱?
最好的网站制作公司,网购哪个网站口碑最好,推荐几个?谢谢?
模具网站制作流程,如何找模具客户?
css网站制作参考文献有哪些,易聊怎么注册?
如何做静态网页,sublimetext3.0制作静态网页?
武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄?
C++如何编写函数模板?(泛型编程入门)
如何选择美橙互联多站合一建站方案?
沈阳个人网站制作公司,哪个网站能考到沈阳事业编招聘的信息?
如何安全更换建站之星模板并保留数据?
网站按钮制作软件,如何实现网页中按钮的自动点击?
*请认真填写需求信息,我们会在24小时内与您取得联系。