ng-app是angular的一个指令，代表一个angular应用（也叫模块）。使用ng-app或ng-app=""来标记一个DOM结点，让框架会自动加载。也就是说，ng-app是可以带属性值的。如果想要实现自动加载，那么就不能让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含有2个ng-app，那么两个都会加载。

<html>

	<body ng-app=“”>

		<div ng-app>div1:{{1+3*2}}</div>

		<div ng-app>div2:{{1+3*2}}</div>

		<script src="angular.js"></script>

	</body>

</html>　　

　　4、ng-app带有属性，不能自动加载

<html>

	<body>

		<div ng-app="app1">div1:{{1+3*2}}</div>

		<script src="angular.js"></script>

	</body>

</html>

　　5、ng-app带有属性，可自动加载自己定义的模块

<!DOCTYPE html>

<html>

	<head>

	<head>

	<body>

	　　<div id="moudle1"  ng-app="rootMoudle" ng-controller="rootControl">div1:{{name}}</div>

	</body>

	<script src="angular.js"></script>

	<script>

	　　var rootMoudle = angular.module('rootMoudle', []);

	　　rootMoudle.controller("rootControl",function($scope){$scope.name="aty"});

    </script>

</html>

　　6、angular.bootstrap()可以手动加载模块

<html>

	<head>

	<head>

	<body>

	 　　<div id="moudle1"  ng-app="rootMoudle" ng-controller="rootControl">div1:{{name}}</div>

	</body>

	<script src="angular-1.2.2/angular.js"></script>

		<script>

		//页面载入完毕后,载入rootMoudle

		angular.element(document).ready(function(){

			angular.bootstrap(document.getElementById("moudle1"), ['rootMoudle']);

		});

    </script>

</html>

　　

ng-app一些使用的更多相关文章

  1. ng 依赖注入

    将依赖的对象注入到当前对象,直接去使用依赖的对象即可. 降低耦合度.提高开发速度.. 文件压缩:yui-compressor有两种方案:①CLI(command line interface)java ...

  2. ng $http 和远程服务器通信的一个服务。

    $http({url:'',method:''}).success().error() 简洁写法:$http.get()$http.post()... 注意事项:①要求返回的数据格式是json格式②在 ...

  3. ng $interval(周期性定时器) $timeout（延迟定时器）

    <!DOCTYPE html> <html ng-app="myApp"> <head lang="en"> <met ...

  4. ng $scope与$rootScope的关系

    $scope与$rootScope的关系:①不同的控制器之间 是无法直接共享数据②$scope是$rootScope的子作用域对象$scope的id是随着控制器的加载顺序依次递增,$rootScope ...

  5. ng 服务

    服务的本质是单例对象,封装一些方法和属性的. 单例模式:在实例化变量的时候,如果该变量已经存在,直接返回该变量:如果不存在,就创建一个新的变量再返回 ng自带的服务有很多,常用:$location $ ...

  6. ng json格式的序列化和反序列化

    ng中自带方法 angular.toJson 序列化angular.fromJson 反序列化 结果: 代码: <!DOCTYPE html> <html ng-app=" ...

  7. ng 过滤器

    1.ng中自带的过滤器过滤器:实现对数据的筛选.过滤.格式化. 过滤器是一个有返回值的方法. 过滤器语法:{{ expression |过滤器1:'参数' | 过滤器2:'参数' }} | --> ...

  8. ng 双向数据绑定 实现 注册协议效果

    效果: 代码: <!DOCTYPE html> <html ng-app="myApp"> <head lang="en"> ...

  9. ng 动态的生成option。

    ngOptions:根据集合,动态的生成option. select ng-options="color.name for color in colorList" 注意跟ng-re ...

  10. ng 实现插入和删除

    结果: 代码: <!DOCTYPE html> <html ng-app="myApp"> <head lang="en"> ...

随机推荐

  1. [LeetCode] Factorial Trailing Zeroes 求阶乘末尾零的个数

    Given an integer n, return the number of trailing zeroes in n!. Note: Your solution should be in log ...

  2. C#获取CPU占用率、内存占用、磁盘占用、进程信息

    代码: using System; using System.Collections.Generic; using System.Diagnostics; using System.Threading ...

  3. Eclipse开发环境JDK版本问题和校验问题

    今天遇到的两个问题: 1.启动程序报错:Unsupported major.minor version 52.0 这是JDK版本过低的问题,统一一下Build Path和java Complie中的版 ...

  4. 踢出非法Linux用户

    非法添加用户及非法进去的远程操作用户! 01.非法用户闯入系统 最简单的办法就是用 w 命令来检查. 如果确认有非法用户出现在系统内,可以立即 kill 用户相关进程. kill  -9  `lsof ...

  5. weui 多网页切换效果分析

    weui的文档写的不怎么详尽,简单的来讲WeUI 为微信 Web 服务量身设计的h5框架. WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户 ...

  6. 偷懒小工具 - SSO单点登录通用类（可跨域）

    写在前面的话 上次发布过一篇同样标题的文章.但是因为跨域方面做得不太理想.我进行了修改,并重新分享给大家. 如果这篇文章对您有所帮助,请您点击一下推荐.以便有动力分享出更多的"偷懒小工具&q ...

  7. 团队作业week16

    0.新成员如何管理和使用这个工程? 对于后端而言,因为我们也是初次接触Django,因此从我们学习到程序编写过程中用到的各种知识都有学习笔记,比如Django的详细使用,Django数据库的使用.跨域 ...

  8. git: 修改commiter 信息

    Committer: root root@localhost.localdomain 您的姓名和邮件地址基于登录名和主机名进行了自动设置.请检查它们正确 与否.您可以通过下面的命令对其进行明确地设置以 ...

  9. ionic 获取手机所在位置

    之前项目中需要使用到定位功能,前边的文章提到的坐标位置是有问题的,是国际坐标,国内的环境使用google地图会出现问题,所以需要使用国内的地图进行坐标解析,因为国内和国外的坐标体系不一致,需要通过转换 ...

  10. svn强制加注释才能提交

    进入库的hooks目录下 cp pre-commit.tmpl pre-commit 并对pre-commit加入运行权限 修改pre-commit内容如下 REPOS="$1" ...