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。有人明确的话，欢迎不吝赐教。

（三）ng-app的使用困惑和angularJS框架的自己主动载入的更多相关文章

  1. AngularJS框架研究（一）

    和几年前相比,现在的Javascript开发方式有了翻天覆地的变化,一些极具创意的开发工具的出现,让前端开发更加成熟,Angular框架就是一个例子.最近在看Angular的源代码,发现并不是件容易的 ...

  2. 十佳AngularJS框架

    您是否还在烦恼如何没有困难地创建一个创新型的Web应用程序?那么一定不要错过这个集合!在本文中,小编为大家收集了十个非常棒的AngularJS框架.AngularJS框架拥有大量有用的工具和组件,可以 ...

  3. 10 个非常有用的 AngularJS 框架

    AngularJS是最流行的开源web app框架.AngularJS被用于解决阻碍单页应用程序开发的各种挑战. 你作为一个AngularJS用户,却不知道一些可以帮助你美化编码的资源?那么一定不能错 ...

  4. AngularJS框架速写

    最近在把玩AngularJS框架,之前也看过流行的Backbone,不过AngularJS给人的感觉完全不同,它走的是一条高帅富之路. 按照官方的说法,AngularJS是一套依赖注入的MVC开发套件 ...

  5. 简洁AngularJS框架后台管理系统bootstrap后台模板

    最近在做一个后台管理的项目,但是没有设计图完全,所以就发现一款非常不错的模版. 这个模版是基于 AngularJS 和 bootstrap 的后台管理系统模版. Minovate是 AngularJS ...

  6. 仿知乎app登录界面(Material Design设计框架拿来就用的TexnInputLayout)

    在我脑子里还没有Material Design这种概念,就我个人而言,PC端应用扁平化设计必须成为首选,手当其冲的两款即时通讯旺旺和QQ早就完成UI扁平化的更新,然而客户端扁平化的设计本身就存在天生的 ...

  7. 第三百三十二节，web爬虫讲解2—Scrapy框架爬虫—Scrapy使用

    第三百三十二节,web爬虫讲解2—Scrapy框架爬虫—Scrapy使用 xpath表达式 //x 表示向下查找n层指定标签,如://div 表示查找所有div标签 /x 表示向下查找一层指定的标签 ...

  8. C# 读App.config配置文件[2]: .Net Core框架

    C# 读App.config配置文件[1]:.Net Framework框架 C# 读App.config配置文件[2]: .Net Core框架 网上都是.net framework读取配置文件的方 ...

  9. C# 读App.config配置文件[1]:.Net Framework框架

    C# 读App.config配置文件[1]:.Net Framework框架 C# 读App.config配置文件[2]: .Net Core框架 参考:https://www.cnblogs.com ...

随机推荐

  1. poj 2663 Tri Tiling （状压dp+多米诺骨牌问题+滚动数组反思）

    本来直接一波状压dpAC的 #include<cstdio> #include<cstring> #include<algorithm> #define REP(i ...

  2. 一种神奇的双向循环链表C语言实现

    最近在看ucore操作系统的实验指导.里面提要一个双向循环链表的数据结构,挺有意思的. 其实这个数据结构本身并不复杂.在普通链表的基础上加一个前向指针,我们就得到了双向链表,再把头尾节点连起来就是双向 ...

  3. centos7下部署Redis

    1.1. Redis的安装 Redis是c语言开发的. 安装redis需要c语言的编译环境.如果没有gcc需要在线安装.yum install gcc-c++ 安装步骤: 第一步:redis的源码包上 ...

  4. 【codeforces 810B】Summer sell-off

    [题目链接]:http://codeforces.com/contest/810/problem/B [题意] 每天有ki件物品,你知道每天能卖掉li件; 然后让你选f天; 这f天,可以将ki乘上2; ...

  5. Oracle SGA具体解释

    SGA(SYSTEM Global Area )系统全局区 l 数据快速缓存 在Oracle进行数据处理的过程中,代价最昂贵的就是物理 I/O操作了.相同的数据从内存中得到要比从磁盘上读取快的多. 因 ...

  6. leveldb学习：sstable(2)

    block写入:block_builder block.h和.cc里定义了block的entry存储格式和restart,提供了entry的查找接口以及迭代器.那么怎样往写block里写entry呢? ...

  7. ZOJ 3689 Digging（贪心+dp）

    Digging Time Limit: 2 Seconds      Memory Limit: 65536 KB When it comes to the Maya Civilization, we ...

  8. phpstorm 或 webstorm 设置打开多个项目，多个项目并存。

    File -> settings -> Directories -> Add Content Root 中添加你当前的工程目录. 这样就可以节省内存了.之前用一个打开php项目,一个 ...

  9. ES shard unassigned的解决方法汇总

    说下shard出现的几个状态说明: relocating_shards shows the number of shards that are currently moving from one no ...

  10. [JZOJ NOIP2018模拟10.20 A组]

    由于T3数据出锅,还不清楚自己的分数...估分150,前100已经拿到了,T3的50没拍过(写的就是暴力怎么拍),感觉很不稳 考试的时候就是特别的困,大概是因为早上在房间里腐败...腐败完了才睡觉 T ...