1.AngularJS 模块
2021-06-06 07:10
YPE html>
标签：部分 依赖 模块 span 空间 control [] 元素 应用
上一章讲的数据绑定，是把控制器的代码写到一个全局命名空间中定义的函数里：
function MyController($scope) {
var updateClock = function() {
$scope.clock = new Date();
};
setInterval(function() {
$scope.$apply(updateClock);
}, 1000);
updateClock();
};
在AngularJS 中，模块是定义应用的主要方式，包含了主要的应用代码。一个应用可以包含多个模块，每个模块包含具体的代码。使用模块有许多好处，比如：
- 保持全局命名空间的清洁
- 测试更容易找到相互隔离的功能
- 可以在不同的应用之间复用代码
- 是应用能够以任意顺序加载代码的各个部分
我们使用angular.module() 方法来声明模块，这个方法接受两个参数，第一个是模块的名称，第二个是依赖列表，中括号[]表示该模块没有依赖，如果有依赖的话会在中括号写上依赖的模块名字。
angular.module(‘myApp‘, []) 方法相当于AngularJS 模块的setter 方法，用来定义模块。
angular.module(‘myApp‘) 方法只传递一个参数，相当于getter 方法，用来引用模块。
开发大型应用时，会创建多个模块类承载业务逻辑。将复杂的功能分割成不同的模块，有助于单独为它们编写测试。
1.创建模块
...
2.添加控制器
{{ firstName + " " + lastName }}
3.添加指令
AngularJS 提供了很多内置的指令，可以用它们来为你的应用添加功能。
4.模块和控制器包含在JS文件中
通常AngularJS应用程序将模块和控制器包含在js文件中。
{{ firstName + " " + lastName }}
5.什么时候载入angular.js
对于HTML应用程序，通常建议吧所有的脚本都放置在
元素的最底部。这回提高网页加载速度，应为HTML加载不受制于脚本加载。
AngularJS 的库文件是在
标签里加载的，因为对angular.module 的调用只能在库加载完成后才能进行。另外也可以在
元素中加载，但是必须放在AngularJS脚本前面。
1.AngularJS 模块
标签：部分 依赖 模块 span 空间 control [] 元素 应用
原文地址：http://www.cnblogs.com/mojo/p/7339723.html
上一篇：转 lightmap