AngularJs -- 模 块

在JavaScript中,将函数代码全部定义在全局命名空间中绝对不是什么好主意,这样做会导致冲突从而是调试变得非常困难,浪费宝贵的时间。

上一章介绍数据绑定时,就是写在全局命名空间中定义的函数。

在AngularJS,模块是定义应用的最主要方式。模块包含了主要的应用代码。一个应用可以包含多个模块,每一个模块都包含了定义具体功能的代码。

使用模块能给我们带来好处,比如:

  • 保持全局命名空间的清洁;
  • 编写测试代码更容易,并能保持其清洁,以便更容易找到互相隔离的功能;
  • 易于在不同应用见服用代码;
  • 使应用能够以任意顺序加载代码的各个部分。

AngularJS允许我们使用angular.module()方法来声明模块,这个方法能够接受两个参数,第一个是模块的名称,第二个是依赖列表,也就是可以被注入到模块的对象列表。

  • angular.module('myApp', []);

这个方法相当于AngularJS模块的setter方法,是用来定义模块的。
调用这个方法时如果只传递一个参数,就可以用它来引用模块。例如,可以通过以下代码来引用myApp模块:
//这个方法用于获取应用
angular.module('myApp');
这个方法相当于AngularJS模块的getter方法,用来获取对模块的引用。

下面是angular.module()的参数列表。

name(字符串)
name是模块的名称,字符串变量。

requires(字符串数组)
requires包含了一个字符串变量组成的列表,每个元素都是一个模块名称,本模块依赖于这些模块,
依赖需要在本模块加载之前由注入器进行预加载。

通过分享,结交好友~ 如本文对您有益,请给予关注。转载请注明出处!-- 小数
原文地址:https://www.cnblogs.com/mcat/p/4369021.html