angular modules create and manage dependencies
在AngularJS中，模块是构建应用的基本构造单元，它们封装了相关的组件，如控制器、服务、指令等。将深入探讨如何创建和管理模块，以及如何解决依赖问题，特别是当在HTML中使用多个模块时。让我们了解AngularJS中的模块（ngModule）是如何创建的。模块可以通过angular.module()函数来定义。基本语法是：
var myApp = angular.module('myApp', ['dependency1', 'dependency2']);
在这里，'myApp'是模块的名称，而['dependency1', 'dependency2']是该模块所依赖的其他模块。如果没有依赖，可以省略第二个参数。
模块引导（Module Bootstrapping）是应用启动的过程。通常，我们会在HTML文档中使用ng-app指令来指定默认启动的模块。例如：
<html ng-app="myApp">
html>如果你希望在代码中手动引导模块，可以使用angular.bootstrap()函数：
angular.bootstrap(document, ['myApp']);
自动引导配置（Auto-Bootstrapping Configuration）允许你在模块定义时配置它。这通常用于设置应用的全局配置，如拦截器、$locationProvider等。例如：
var myApp = angular.module('myApp', [])
.config(function($httpProvider) {
//配置HTTP拦截器$httpProvider.interceptors.push('myHttpInterceptor');
});
运行方法（Run Blocks）是应用启动后立即执行的代码，它们不依赖于任何服务，而是用于初始化目的。在模块定义中，你可以添加一个或多个运行方法：
myApp.run(function($rootScope) {
//运行时代码，如设置全局变量
});
$provide服务是用来注册服务的，它可以创建工厂、服务、值、常量和装饰器。例如，创建一个简单的服务：
myApp.factory('myService', function() {
return {
doSomething: function() {
//服务逻辑
}
};
});
多模块应用程序常常涉及到模块间的通信和依赖注入。当你在模块A中需要使用模块B的服务时，必须确保模块B是模块A的依赖。这样，AngularJS会在运行时自动注入所需的依赖：
var moduleA = angular.module('moduleA', ['moduleB']);
将模块作为服务公开并使用其他模块是一种组织复杂应用的好方法。创建一个可注入的模块服务：
myApp.service('moduleB', function() {
this.doSomething = function() {
//模块B的业务逻辑
};
});
然后在其他模块中注入并使用：
var moduleA = angular.module('moduleA', ['moduleB']);
moduleA.controller('CtrlA', function(moduleB) {
moduleB.doSomething();
});
下载地址
用户评论
