0

我有一个页面，我想在其中显示用户的分页帖子。对于后端，我使用 Laravel 的资源控制器和前端的 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 期望从服务器接收一个数组来重新调整它，但是 Laravel 的分页器返回一个对象，并且该数组在data对象的字段中。

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

4

1 回答 1

2

为了使 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()的调用将直接为您提供数据对象。此外，您将能够访问 Laravel 返回的分页元数据 - 它将存储在您响应的metadata属性中。

于 2016-01-01T11:14:54.163 回答