### 15.5. 实例
_ngResource_ 要举一个实例是比较麻烦的事。因为它必须要一个后端来支持,这里如果我用 Python 写一个简单的后端,估计要让这个后端跑起来对很多人来说都是问题。所以,我在几套公共服务的 API 中纠结考察了一番,最后使用 [www.rememberthemilk.com](http://www.rememberthemilk.com) 的 API 来做了一个简单的,可用的例子。
例子见: [http://zouyesheng.com/demo/ng-resource-demo.html](http://zouyesheng.com/demo/ng-resource-demo.html) (可以直接下载看源码)
先说一下 API 的情况。这里的请求调用全是跨域的,所以交互上全部是使用了 JSONP 的形式。 API 的使用有使用签名认证机制,嗯, js 中直接算 md5 是可行的,我用了一个现成的库(但是好像不能处理中文吧)。
这个例子中的 `LoginCtrl` 大家就不用太关心了,参见官方的文档,走完流程拿到 _token_ 完事。与 _ngResource_ 相关的是 `MainCtrl` 中的东西。
其实从这个例子中就可以看出,目前 _ngResource_ 的机制对于服务端返回的数据的格式是严重依赖的,同时也可以反映出 _$http_ 对一些场景根本无法应对的局限。所以,我现在的想法是理解 _ngResource_ 的思想,真正需要的人自己使用 _jQuery_ 重新实现一遍也许更好。这应该也花不了多少时间, _ngResource_ 的代码本来不多。
我为什么说 _$http_ 在一些场景中有局限呢。在这个例子当中,所有的请求都需要带一个签名,签名值是由请求中带的参数根据规则使用 md5 方法计算出的值。我找不到一个 hook 可以让我在请求出去之前修改这个请求(添加上签名)。所以在这个例子当中,我的做法是根据 _ngResource_ 的请求最后会使用 _$httpBackend_ 这个底层服务,在 module 定义时我自己复制官方的相关代码,重新定义 _$httpBackend_ 服务,在需要的地方做我自己的修改:
script.src = sign_url(url);
不错,我就改了这一句,但我不得不复制了 50 行官方源码到我的例子中。
另外一个需要说的是对返回数据的处理。因为 _ngResource_ 会使用返回的数据直接填充实例,所以这个数据格式就很重要。
首先,我们可以使用 `$http.defaults.transformResponse` 来统一处理一下返回的数据,但是这并不能解决所有问题,可目前 _ngResource_ 并不提供对每一个 _action_ 的单独的后处理回调函数项。除非你的服务端是经过专门的适应性设计的,否则你用 _ngResource_ 不可能爽。例子中,我为了获取当前列表的结果,我不得不自己去封装结果:
var list_list = List.getList(function(){
var res = list_list[1];
while(list_list.length > 0){list_list.pop()};
angular.forEach(res.list, function(v){
list_list.push(new List({list: v}));
});
$scope.list_list = list_list;
$scope.show_add = true;
return;
});
- Introduction
- 关于AngularJS
- 关于本文档
- 开始的例子
- 依赖注入
- 作用域
- 数据绑定与模板
- 数据->模板
- 模板->数据
- 数据->模板->数据->模板
- 模板
- 定义模板内容
- 内容渲染控制
- 节点控制
- 事件绑定
- 表单控件
- 模板中的过滤器
- 排序 orderBy
- 过滤列表 filter
- 其它
- 例子:表头排序
- 例子:搜索
- 锚点路由
- 路由定义
- 参数定义
- 业务处理
- 定义模板变量标识标签
- AJAX
- HTTP请求
- 广义回调管理
- 工具函数
- 上下文绑定
- 对象处理
- 类型判定
- 其它服务
- 日志
- 缓存
- 计时器
- 表达式函数化
- 模板单独使用
- 自定义模块和服务
- 模块和服务的概念与关系
- 定义模块
- 定义服务
- 引入模块并使用服务
- 附加模块 ngResource
- 使用引入与整体概念
- 基本定义
- 基本使用
- 定义和使用时的占位量
- 实例
- AngularJS与其它框架的混用(jQuery, Dojo)
- 自定义过滤器
- 自定义指令directive
- 指令的使用
- 指令的执行过程
- 基本的自定义方法
- 属性值类型的自定义
- Compile的细节
- transclude的细节
- 把节点内容作为变量处理的类型
- 指令定义时的参数
- Attributes的细节
- 预定义的 NgModelController
- 预定义的 FormController
- 示例:文本框
- 示例:模板控制语句 for
- 示例:模板控制语句 if/else