### 14.3. 定义服务
服务本身是一个任意的对象。但是 _ng_ 提供服务的过程涉及它的依赖注入机制。在这里呢,就要先介绍一下叫 _provider_ 的东西。
简单来说, _provider_ 是被“注入控制器”使用的一个对象,注入机制通过调用一个 _provider_ 的 _$get()_ 方法,把得到的东西作为参数进行相关调用(比如把得到的服务作为一个 _Controller_ 的参数)。
在这里“服务”的概念就比较不明确,对使用而言,服务仅指 _$get()_ 方法返回的东西,但是在整体机制上,服务又要指提供了 _$get()_ 方法的整个对象。
//这是一个provider
var pp = function(){
this.$get = function(){
return {'haha': '123'};
}
}
//我在模块的初始化过程当中, 定义了一个叫 PP 的服务
var app = angular.module('Demo', [], function($provide){
$provide.provider('PP', pp);
});
//PP服务实际上就是 pp 这个 provider 的 $get() 方法返回的东西
app.controller('TestCtrl',
function($scope, PP){
console.log(PP);
}
);
上面的代码是一种定义服务的方法,当然, _ng_ 还有相关的 shortcut, _ng_ 总有很多 shortcut 。
第一个是 _factory_ 方法,由 _$provide_ 提供, _module_ 的 _factory_ 是一个引用,作用一样。这个方法直接把一个函数当成是一个对象的 _$get()_ 方法,这样你就不用显式地定义一个 _provider_ 了:
var app = angular.module('Demo', [], function($provide){
$provide.factory('PP', function(){
return {'hello': '123'};
});
});
app.controller('TestCtrl', function($scope, PP){ console.log(PP) });
在 _module_ 中使用:
var app = angular.module('Demo', [], function(){ });
app.factory('PP', function(){return {'abc': '123'}});
app.controller('TestCtrl', function($scope, PP){ console.log(PP) });
第二个是 _service_ 方法,也是由 _$provide_ 提供, _module_ 中有对它的同名引用。 _service_ 和 _factory_ 的区别在于,前者是要求提供一个“构造方法”,后者是要求提供 _$get()_ 方法。意思就是,前者一定是得到一个 `object` ,后者可以是一个数字或字符串。它们的关系大概是:
var app = angular.module('Demo', [], function(){ });
app.service = function(name, constructor){
app.factory(name, function(){
return (new constructor());
});
}
这里插一句,js 中 _new_ 的作用,以 `new a()` 为例,过程相当于:
1. 创建一个空对象 obj
1. 把 obj 绑定到 a 函数的上下文当中(即 a 中的 this 现在指向 obj )
1. 执行 a 函数
1. 返回 obj
_service_ 方法的使用就很简单了:
var app = angular.module('Demo', [], function(){ });
app.service('PP', function(){
this.abc = '123';
});
app.controller('TestCtrl', function($scope, PP){ console.log(PP) });
- Introduction
- 关于AngularJS
- 关于本文档
- 开始的例子
- 依赖注入
- 作用域
- 数据绑定与模板
- 数据->模板
- 模板->数据
- 数据->模板->数据->模板
- 模板
- 定义模板内容
- 内容渲染控制
- 节点控制
- 事件绑定
- 表单控件
- 模板中的过滤器
- 排序 orderBy
- 过滤列表 filter
- 其它
- 例子:表头排序
- 例子:搜索
- 锚点路由
- 路由定义
- 参数定义
- 业务处理
- 定义模板变量标识标签
- AJAX
- HTTP请求
- 广义回调管理
- 工具函数
- 上下文绑定
- 对象处理
- 类型判定
- 其它服务
- 日志
- 缓存
- 计时器
- 表达式函数化
- 模板单独使用
- 自定义模块和服务
- 模块和服务的概念与关系
- 定义模块
- 定义服务
- 引入模块并使用服务
- 附加模块 ngResource
- 使用引入与整体概念
- 基本定义
- 基本使用
- 定义和使用时的占位量
- 实例
- AngularJS与其它框架的混用(jQuery, Dojo)
- 自定义过滤器
- 自定义指令directive
- 指令的使用
- 指令的执行过程
- 基本的自定义方法
- 属性值类型的自定义
- Compile的细节
- transclude的细节
- 把节点内容作为变量处理的类型
- 指令定义时的参数
- Attributes的细节
- 预定义的 NgModelController
- 预定义的 FormController
- 示例:文本框
- 示例:模板控制语句 for
- 示例:模板控制语句 if/else