在 AngularJS 中的 $http 调用中访问标头的属性

Question

按照 github API 的分页文档，我正在尝试请求事件项并检索 Link 标头 (just like they suggest) 以构建分页。问题是我不知道如何处理headers('Link') 对象。

功能：

getEvents: function(page) {        
        if(cacheService.get('eventos_'+page)) {
          return cacheService.get('eventos_'+page);
        } else {
          var deferred = $q.defer();
          $http.get('https://api.github.com/repos/'+owner+'/'+repo+'/events', {params: {per_page: 15, page: page}})
          .success(function(events, status, headers) {
            console.log(events, status, headers('Link'));
               cacheService.put('eventos_'+page, events);
            deferred.resolve(events);
          }).error(function(err) {
            deferred.reject('Error', err);
          });
          return deferred.promise;
        }
      }

生成的“对象”（如果可以这样调用的话）是：

"
<https://api.github.com/repositories/XXXXXX/events?page=2&per_page=15>; rel="next",
<https://api.github.com/repositories/XXXXXX/events?page=4&per_page=15>; rel="last"
"

¿如何在 $scope 变量中保存页面（下一个和最后一个）数字？或者至少我怎样才能遍历那个对象？ 别笑，但我试过headers('Link').rel['last']，当然没有成功。

Answer 1

来自角度 $http 文档https://docs.angularjs.org/api/ng/service/$http 响应对象具有以下属性：

data – {string|Object} – The response body transformed with the transform functions.
status – {number} – HTTP status code of the response.
headers – {function([headerName])} – Header getter function.
config – {Object} – The configuration object that was used to generate the request.
statusText – {string} – HTTP status text of the response.

如果您可以在响应标头中看到“链接”，则要从标头中获取数据，其标头['Link']

如果您在响应标头中发送分页参数，以下是从标头获取分页链接的代码

function parseHeader(header){
 // Split parts by comma
        var parts = header.split(',');
        var links = {};
        // Parse each part into a named link
        angular.forEach(parts, function (p) {
            var section = p.split(';');
            if (section.length != 2) {
                throw new Error("section could not be split on ';'");
            }
            var url = section[0].replace(/<(.*)>/, '$1').trim();
            var queryString = {};
            url.replace(
                new RegExp("([^?=&]+)(=([^&]*))?", "g"),
                function($0, $1, $2, $3) { queryString[$1] = $3; }
            );
            var page = queryString['page'];
            if( angular.isString(page) ) {
                page = parseInt(page);
            }
            var name = section[1].replace(/rel="(.*)"/, '$1').trim();
            links[name] = page;
        });

        return links;
}