JavaScript框架之AngularJS学习——应用模块化

AngualrJS学习——应用模块化

在软件设计过程中，为了能够对系统开发流程进行管理、保证系统的稳定性以及后期的可维护性，可以按照一定的准则对软件进行模块的划分。

根据模块来进行系统开发，可提高系统的开发进度、明确系统的需求、保证系统的稳定性。

AngularJS中的模块

通常把处理业务逻辑的代码写在单独的JS文件中，然后在HTML页面中引入该文件。

调用angular对象的module()方法返回一个模块实例。

eg:

//定义一个无依赖模块angular.module("myApp",[]);//定义一个依赖module1、module2的模块angular.module("myApp",["module1","module2"]);

angular.module()方法能够接受3个参数，第一个参数为模块名称。第二个参数是一个数组，用于指定该模块依赖的模块名称，如果模块不需要依赖其他模块，第二个参数传递一个空数组即可。第三个参数为可选参数，该参数接受一个方法，用于对模块进行配置，作用和模块实例的config()方法相同。

angular.module()方法返回一个模块实例对象，我们可以调用该对象的controller()、directive()、filter()等方法想模块中添加控制器、指令、过滤器等其它组件。

注：ng-app指令指定该模块名。

使用模块能很好的解决命名冲突问题。

---

以上笔记整理自个人学习，用做个人学习分享