angular.module
angular.module
可在全局位置创建、注册、获取Angular模块。所有模块(angular核心或第三方)都必须使用这个机制注册才能在应用中生效。
ngApp
使用这个指令自动载入,启动一个AngularJS应用。
ngApp
指令设计为应用的根元素,一般把它放在页面的根元素附近,例如<body>
或<html>
标签。
每个HTML文档只有一个AngularJS应用能被自动载入启动。文档中找到的第一个ngApp
将被用于定义自动载入启动的应用的根元素。要在一个HTML文档中运行多个应用,你必须使用angular.bootstrap
来手工启动。
现在我们看下如何使用带属性值的ng-app命令,让ng-app自动加载我们自定义的模块作为根模块。
<!DOCTYPE html> <html> <head> <script src="angular.js"></script> <script> var rootMoudle = angular.module('rootMoudle', []); rootMoudle.controller("rootControl",function($scope){$scope.name="aty"}); </script> <head> <body> <div id="moudle1" ng-app="rootMoudle" ng-controller="rootControl">div1:{{name}}</div> </body> </html>
可以看到,我们使用了angular.module()函数,创建了一个自定义的模块,我们并没有显示加载。
但是通过运行效果可以看出:ng-app这个指令自动加载了我们 自定义的rootMoudle。