AngularJS框架的ng-app指令与自动加载实现方法分析
作者：aitangyong 发布时间：2024-05-02 17:40:17
标签：AngularJS,ng-app,自动加载
本文实例分析了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程序设计有所帮助。
0
投稿猜你喜欢
关闭正在运行的 MySQL ：[root@www.woai.it ~]# service mysql stop运行[root@www.woa- 一个是没有对输入的数据进行过滤（过滤输入），还有一个是没有对发送到数据库的数据进行转义（转义输出）。这两个重要的步骤缺一不可，需要同时加以特
- 该方是基于uiautomator2如下版本进行验证的：PS C:\windows\system32> pip show uiautom
- 在MySQL中，A LEFT JOIN B join_condition执行过程如下：· 根据表A和A依赖的所有表设置表B。· 根据LEFT
- 不正确地调用Windows应用程序接口可能会产生一些意想不到的副作用，以及潜在地对一个应用程序的代码及数据段的破坏。正确地使用一个空的32位
- 本文实例讲述了Python多进程分块读取超大文件的方法。分享给大家供大家参考，具体如下：读取超大的文本文件，使用多进程分块读取，将每一块单独
- 目录一、6个非常重要的str处理词二、重要的str处理 几乎所有的 数据类型里也都能用1、提取字符串中 特定位置的字符2、len 得到当前变
- 本文实例为大家分享了pygame实现简单五子棋游戏的具体代码，供大家参考，具体内容如下看代码：①Gomuku2.py：import sysi
- scatter绘画散点图代码如下：import matplotlib.pyplot as pltplt.scatter(x,y,
- PHP Warning: strtotime(): It is not safe to rely on the system's t
- 01、Pandas在数据分析师的日常工作中，70％到80％都涉及到理解和清理数据，也就是数据探索和数据挖掘。Pandas主要用于数据分析，这
- 目录一、scrapy 分析1. 解析函数或数据入库出错，不会重试，会造成一定的数据丢失2. 运行方式，需借助命令行，不方便调试3. 入库 p
- 每年意甲德甲英超西甲各大联赛的赛程表都是球迷们的必看之物，想起之前写过的一段生成赛程表的代码，用Python来写这类东西太舒服了。这个算法叫
- python安装第三方库大都是通过pip命令安装，这个命令确实是很简便的，而对于每个独立的项目来说，需要用到的库或许会不同，如果删除或更新原
- 经常会有定时备份SQL Server数据库的需要。定时备份到本机的话，还是挺容易的，计划任务就可以完成，但如果是整机挂了，那备份到本机是没意
- 目录获取二维码部分获取关注状态值解析微信服务器报文大致思路：调用微信带参数二维码接口生成二维码，前端显示二维码同时于服务器进行长链接通信，监
- 如下所示：coupon = models.ForeignKey("Coupon", on_delete=models.C
- 使用fastapi框架开发web项目1、为什么要用fastapi？一直以来博主都是一直使用Django进行开发的，最近公司开始使用fasta
- 本文实例讲述了mysql累积聚合原理与用法。分享给大家供大家参考，具体如下：累积聚合为聚合从序列内第一个元素到当前元素的数据，如为每个员工返
- python代码 # -*- coding: utf-8 -*- import Image,ImageDraw,Imag
