本文实例分析了AngularJS框架的ng-app指令与自动加载实现方法。分享给大家供大家参考,具体如下:

ng-app是angular的一个指令,代表一个angular应用(也叫模块)。使用ng-app或ng-app=""来标记一个DOM结点,让框架会自动加载。也就是说,ng-app是可以带属性值的。如果想要实现自动加载,那么就不能让ng-app带有属性值。
<html>
<body ng-app>
<div>div1:{{1+3*2}}</div>
<script src="angular.js"></script>
</body>
</html>
1、不含ng-app,无法自动加载,这个比较好理解。
<html>
<body>
<div>div1:{{1+3*2}}</div>
<script src="angular.js"></script>
</body>
</html>
2、含有2个ng-app,那么只会自动加载第一个,这个也好理解。
<html>
<body>
<div ng-app>div1:{{1+3*2}}</div>
<div ng-app>div2:{{1+3*2}}</div>
<script src="angular.js"></script>
</body>
</html>
3、ng-app带有属性,不能自动加载
<html>
<body>
<div ng-app="app1">div1:{{1+3*2}}</div>
<script src="angular.js"></script>
</body>
</html>
4、不带属性的在前,带属性的在后。ng-app标记的模块可以自动加载
<html>
<body>
<div ng-app>div1:{{1+3*2}}</div>
<div ng-app="app1">div1:{{1+3*2}}</div>
<script src="angular.js"></script>
</body>
</html>
5、带属性的在前,不带属性的在后。ng-app标记的模块不能自动加载
<html>
<body>
<div ng-app="app1">div1:{{1+3*2}}</div>
<div ng-app>div1:{{1+3*2}}</div>
<script src="angular.js"></script>
</body>
</html>
第4和5两种情况很奇怪,不应该有这种顺序的区别,也没有必要这样区分,猜测应该是框架的bug。有人明白的话,欢迎指教。
更多关于AngularJS相关内容感兴趣的读者可查看本站专题:《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》
希望本文所述对大家AngularJS程序设计有所帮助。
# AngularJS框架
# ng-app
# 指令
# 自动加载
# angularJS 指令封装回到顶部示例详解
# AngularJS自定义指令实现面包屑功能完整实例
# AngularJS动态菜单操作指令
# 详解angularJs指令的3种绑定策略
# Angularjs 动态添加指令并绑定事件的方法
# Angularjs使用指令做表单校验的方法
# Angularjs自定义指令实现三级联动 选择地理位置
# AngularJS内置指令
# AngularJS中的指令全面解析(必看)
# AngularJS学习笔记之基本指令(init、repeat)
# AngularJS实现的回到顶部指令功能实例
# 不带
# 在前
# 进阶
# 相关内容
# 第一个
# 也没
# 就不
# 两种
# 感兴趣
# 只会
# 能让
# 给大家
# 比较好
# 有必要
# 不含
# 很奇怪
# 更多关于
# 所述
# 也叫
相关文章:
建站主机选购指南:核心配置与性价比推荐解析
开封网站制作公司,网络用语开封是什么意思?
如何在局域网内绑定自建网站域名?
音响网站制作视频教程,隆霸音响官方网站?
建站之星安装后如何配置SEO及设计样式?
如何在景安云服务器上绑定域名并配置虚拟主机?
东莞市网站制作公司有哪些,东莞找工作用什么网站好?
建站主机选哪家性价比最高?
JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)
如何在Mac上搭建Golang开发环境_使用Homebrew安装和管理Go版本
网页设计与网站制作内容,怎样注册网站?
无锡制作网站公司有哪些,无锡优八网络科技有限公司介绍?
上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息?
如何用腾讯建站主机快速创建免费网站?
云南网站制作公司有哪些,云南最好的招聘网站是哪个?
整蛊网站制作软件,手机不停的收到各种网站的验证码短信,是手机病毒还是人为恶搞?有这种手机病毒吗?
长沙做网站要多少钱,长沙国安网络怎么样?
弹幕视频网站制作教程下载,弹幕视频网站是什么意思?
建站与域名管理如何高效结合?
,如何利用word制作宣传手册?
完全自定义免费建站平台:主题模板在线生成一站式服务
如何通过cPanel快速搭建网站?
定制建站模板如何实现SEO优化与智能系统配置?18字教程
重庆市网站制作公司,重庆招聘网站哪个好?
免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程?
文字头像制作网站推荐软件,醒图能自动配文字吗?
网站制作公司广州有几家,广州尚艺美发学校网站是多少?
网站制作价目表怎么做,珍爱网婚介费用多少?
自助网站制作软件,个人如何自助建网站?
如何用VPS主机快速搭建个人网站?
如何挑选最适合建站的高性能VPS主机?
香港服务器网站卡顿?如何解决网络延迟与负载问题?
在线ppt制作网站有哪些软件,如何把网页的内容做成ppt?
如何通过老薛主机一键快速建站?
如何在IIS中配置站点IP、端口及主机头?
SQL查询语句优化的实用方法总结
深圳企业网站制作设计,在深圳如何网上全流程注册公司?
北京网页设计制作网站有哪些,继续教育自动播放怎么设置?
免费制作海报的网站,哪位做平面的朋友告诉我用什么软件做海报比较好?ps还是cd还是ai这几个软件我都会些我是做网页的?
如何在阿里云高效完成企业建站全流程?
为什么Go需要go mod文件_Go go mod文件作用说明
兔展官网 在线制作,怎样制作微信请帖?
邀请函制作网站有哪些,有没有做年会邀请函的网站啊?在线制作,模板很多的那种?
如何通过.red域名打造高辨识度品牌网站?
高性价比服务器租赁——企业级配置与24小时运维服务
香港服务器如何优化才能显著提升网站加载速度?
如何快速查询域名建站关键信息?
阿里云网站搭建费用解析:服务器价格与建站成本优化指南
建站之星Pro快速搭建教程:模板选择与功能配置指南
c++怎么用jemalloc c++替换默认内存分配器【性能】
*请认真填写需求信息,我们会在24小时内与您取得联系。