Angularjs学习(6)之模块加载

2015-08-15

AngularJS模块可以在被加载和执行之前对其自身进行配置。我们可以在应用的加载阶段应用不同的逻辑组。

配置

在模块的加载阶段， AngularJS会在提供者注册和配置的过程中对模块进行配置。在整个AngularJS的工作流中，这个阶段是唯一能够在应用启动前进行修改的部分。

1
2
3

angular.module('myApp', []).config(function($provide) {
});

当对模块进行配置时，需要格外注意只有少数几种类型的对象可以被注入到config()函数中：提供者和常量。如果我们将一个服务注入进去，会在真正对其进行配置之前就意外地把服务例化了。
也可以定义多个配置块，它们会按照顺序执行，这样就可以将应用不同阶段的配置代码集中在不同的代码块中,AngularJS会以这些函数书写和注册的顺序来执行它们,也就是说我们无法注入一个尚未注册的提供者。

angular.module('myApp', [])
.config(function($routeProvider) {
	$routeProvider.when('/', {
		controller: 'WelcomeController',
		template: 'views/welcome.html'
	});
})
.config(function(ConnectionProvider) {
	ConnectionProvider.setApiKey('SOME_API_KEY');
});

运行块

和配置块不同，运行块在注入器创建之后被执行，它是所有AngularJS应用中第一个被执行的方法。运行块是AngularJS中与main方法最接近的概念。运行块中的代码块通常很难进行单元测试，它是和应用本身高度耦合的。运行块通常用来注册全局的事件监听器。例如，我们会在.run()块中设置路由事件的监听器以及过滤未经授权的请求。假设我们需要在每次路由发生变化时，都执行一个函数来验证用户的权限，放置这个功能唯一合理的地方就是run方法：

angular.module('myApp', []).run(function($rootScope, AuthService) {
	$rootScope.$on('$routeChangeStart', function(evt, next, current) {
	// 如果用户未登录
		if (!AuthService.userLoggedIn()) {
			if (next.templateUrl === "login.html") {
			// 已经转向登录路由因此无需重定向
			} else {
			$location.path('/login');
			}
		}
	});
});