本文实例分析了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实现的回到顶部指令功能实例
# 不带
# 在前
# 进阶
# 相关内容
# 第一个
# 也没
# 就不
# 两种
# 感兴趣
# 只会
# 能让
# 给大家
# 比较好
# 有必要
# 不含
# 很奇怪
# 更多关于
# 所述
# 也叫
相关文章:
网站制作需要会哪些技术,建立一个网站要花费多少?
如何高效搭建专业期货交易平台网站?
长沙做网站要多少钱,长沙国安网络怎么样?
开封网站制作公司,网络用语开封是什么意思?
如何在Golang中使用replace替换模块_指定本地或远程路径
如何通过VPS建站无需域名直接访问?
如何用好域名打造高点击率的自主建站?
头像制作网站在线观看,除了站酷,还有哪些比较好的设计网站?
如何通过商城免费建站系统源码自定义网站主题?
香港代理服务器配置指南:高匿IP选择、跨境加速与SEO优化技巧
小米网站链接制作教程,请问miui新增网页链接调用服务有什么用啊?
武汉网站制作费用多少,在武汉武昌,建面100平方左右的房子,想装暖气片,费用大概是多少啊?
建站OpenVZ教程与优化策略:配置指南与性能提升
昆明网站制作哪家好,昆明公租房申请网上登录入口?
阿里云网站搭建费用解析:服务器价格与建站成本优化指南
专业商城网站制作公司有哪些,pi商城官网是哪个?
电商平台网站制作流程,电商网站如何制作?
七夕网站制作视频,七夕大促活动怎么报名?
广州美橙建站如何快速搭建多端合一网站?
建站之星后台管理系统如何操作?
台州网站建设制作公司,浙江手机无犯罪记录证明怎么开?
学生网站制作软件,一个12岁的学生写小说,应该去什么样的网站?
C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换
php条件判断怎么写_ifelse和switchcase的使用区别【对比】
在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么?
微信小程序制作网站有哪些,微信小程序需要做网站吗?
香港服务器WordPress建站指南:SEO优化与高效部署策略
详解一款开源免费的.NET文档操作组件DocX(.NET组件介绍之一)
如何设计高效校园网站?
广东企业建站网站优化与SEO营销核心策略指南
家庭建站与云服务器建站,如何选择更优?
如何用虚拟主机快速搭建网站?详细步骤解析
宿州网站制作公司兴策,安徽省低保查询网站?
C#怎么创建控制台应用 C# Console App项目创建方法
已有域名建站全流程解析:网站搭建步骤与建站工具选择
微网站制作教程,不会写代码,不会编程,怎么样建自己的网站?
网页制作模板网站推荐,网页设计海报之类的素材哪里好?
济南专业网站制作公司,济南信息工程学校怎么样?
如何在Golang中引入测试模块_Golang测试包导入与使用实践
企业宣传片制作网站有哪些,传媒公司怎么找企业宣传片项目?
成都网站制作公司哪家好,四川省职工服务网是做什么用?
深圳防火门网站制作公司,深圳中天明防火门怎么编码?
实现虚拟支付需哪些建站技术支撑?
如何撰写建站申请书?关键要点有哪些?
如何通过PHP快速构建高效问答网站功能?
c# 在高并发场景下,委托和接口调用的性能对比
盐城做公司网站,江苏电子版退休证办理流程?
湖州网站制作公司有哪些,浙江中蓝新能源公司官网?
高端云建站费用究竟需要多少预算?
Bpmn 2.0的XML文件怎么画流程图
*请认真填写需求信息,我们会在24小时内与您取得联系。