概述
服务提供了一种能在应用的整个生命周期内保持数据的方法,它能够在控制器之间进行通信,并且能保证数据的一致性。服务是一个单例对象,在每个应用中只会被实例化一次(被$injector实例化),并且是延迟加载的(需要时才会被创建)。服务提供了把与特定功能相关联的方法集中在一起的接口。
自定义服务
在AngularJS应用中,factory()方法是用来注册服务的最常规方式,同时还有其他一些API可以在特定情况下帮助我们减少代码量。所以说,我们经常用到了业务逻辑,或者是说持久化数据化操作应该放在自定义的服务里面,而不是Controller里面。共有5种方法用来创建服务
provider()
factory()
service()
constant()
value()
provider()
Provider是唯一 一种你可以传进 .config() 函数的service。当你想要在 service对象启用之前,先进行模块范围的配置,那就应该用 provider。当我们定义provider时候,我们还必须将返回对象放在this.$get=function(){}中。
// 使用`.provider`注册该服务
angular.module('myApp', [])
.provider('githubService', function($http) {
// 默认的,私有状态
var githubUrl = 'https://github.com'
setGithubUrl: function(url) {
// 通过.config改变默认属性
if (url) {
githubUrl = url
}
},
method: JSONP, // 如果需要,可以重写
$get: function($http) {
self = this;
return $http({ method: self.method,
url: githubUrl + '/events'
});
}
});
在文本githubService后添加Provider生成了一个新的提供者,(相当于初始化)。githubServiceProvider可以被注入到config()函数中
angular.module('myApp', [])
.config(function(githubServiceProvider) {
githubServiceProvider.setGithubUrl("git@github.com");
});
factory()
factory()方法是创建和配置服务的最快捷方式。factory()函数可以接受两个参数。
name(字符串)
需要注册的服务名。
getFn(函数)
这个函数会在AngularJS创建服务实例时被调用。getFn函数可以返回简单类型、函数乃至对象等任意类型的数据(同value()函数类似)。
angular.module('myApp')
.factory('githubService', ['$http', function($http) {
return {
getUserEvents: function(username) {
// ...
}
};
}]);
service()
使用service()可以注册一个支持构造函数的服务,它允许我们为服务对象注册一个构造函数。
var Person = function($http) {
this.getName = function() {
return $http({ method: 'GET', url: '/api/user'});
};
};
angular.service('personService', Person);
constant()
可以将一个已经存在的变量值注册为服务,并将其注入到应用的其他部分当中。例如,假设我们需要给后端服务一个apiKey,可以用constant()将其当作常量保存下来。
constant()函数可以接受两个参数。
name(字符串)
需要注册的常量的名字。
value(常量)
需要注册的常量的值(值或者对象)。
angular.module('myApp') .constant('apiKey','123123123')
这个常量服务可以像其他服务一样被注入到配置函数中:
angular.module('myApp')
.controller('MyController', function($scope, apiKey) {
// 可以像上面一样用apiKey作为常量
// 用123123123作为字符串的值
$scope.apiKey = apiKey;
});
value()
配置方法与constant()相似;
区别:常量可以注入到配置函数中,而值不行。通常情况下,可以通过value()来注册服务对象或函数,用constant()来配置数据。
angular.module('myApp', [])
.constant('apiKey', '123123123')
.config(function(apiKey) {
// 在这里apiKey将被赋值为123123123
// 就像上面设置的那样
})
.value('FBid','231231231')
.config(function(FBid) {
// 这将抛出一个错误,未知的provider: FBid
// 因为在config函数内部无法访问这个值
});