angularJS 服务

概述

服务提供了一种能在应用的整个生命周期内保持数据的方法,它能够在控制器之间进行通信,并且能保证数据的一致性。服务是一个单例对象,在每个应用中只会被实例化一次(被$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函数内部无法访问这个值
});
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值