javascript - 如何强制 Restangular 的 getList 与 Laravel 5 的分页对象一起使用？

Question

我有一个页面，我想在其中显示分页的用户帖子。对于后端，我使用 Laravel 的资源 Controller ，在前端使用 Restangular 服务。

所以后端实现如下所示:

// url is /users/0/posts
public function index(Post $post)
{
    return $post->whereUserId(\Auth::id())->paginate(20);
}

前端看起来像这样:

/*
 * posts.service.js
 */
angular.module('app.services')
    .service('posts', Posts);

Posts.$inject = ['Restangular'];

function Posts(Restangular) {
    return Restangular.service('posts', Restangular.one('users', 0));
}



/*
 * posts.controller.js
 */
angular.module('koodzo.controllers')
    .controller('PostsController', PostsController);

ContentController.$inject = ['posts'];

function PostController(posts) {
    var vm = this;

    vm.posts = posts.getList()
        .then(function(response) {
            vm.pagination = response;
            vm.posts = response.data;
        });
}

所以，显然，这是行不通的，因为 Restangular 的 getList 期望从服务器接收一个数组来对其进行重新 Angular 化，但是 Laravel 的分页器返回一个对象，并且该数组位于 的 data 字段中对象。

问题是如何让 Restangular 看到 response.data 是它需要的数组？

Answer 1

为了使 Laravel 的分页响应与 Restangular 的 getList() 配合使用，您需要注册一个响应拦截器，它将返回您在 response.data 中获得的任何内容作为响应。

下面的代码就可以解决这个问题:

app.module('yourModule').config(function(RestangularProvider) {
  RestangularProvider.addResponseInterceptor(parseApiResponse);

  function parseApiResponse(data, operation) {
    var response = data;

    if (operation === 'getList' && data.data) {
      response = data.data;
      response.metadata = _.omit(data, 'data');
    }

    return response;
  }
});

对getList()的调用将直接为您提供data对象。此外，您将能够访问 Laravel 返回的分页元数据 - 它将存储在响应的 metadata 属性中。