如何使用$ resource读取响应头？

Question

我正在使用$ resource从我的RESTful服务获取数据，并且需要读取响应标题才能获得分页的“X-Page”和“X-Total-Pages”值。

例子：

Access-Control-Max-Age:1728000 
Cache-Control:max-age=0, private, must-revalidate 
Connection:Keep-Alive 
Content-Length:2637 
Content-Type:application/json 
Date:Thu, 10 Apr 2014 16:53:01 GMT 
Server:WEBrick/1.3.1 (Ruby/2.1.1/2014-02-24) 
Vary:Origin 
X-Page:1 
X-Per-Page:10 
X-Total:17 
X-Total-Pages:2 

但我无法从服务器获取完整标题。

这回的标题：

这是从服务器的标题：

这是我的代码：

.factory('TestAPI', ['$resource', 
     function ($resource) { 
      return $resource("http://ip.jsontest.com/?callback=showIP", {}, { 
       query: { 
        method: 'GET' 
       } 
      }); 
     }]) 

TestAPI.query({}, function (value, responseHeaders) { 
       console.log(responseHeaders()); 
      }, function (response) { 
       console.log(response); 
}); 

Answer 1

在你的响应头，你必须添加以下标题：

Access-Control-Expose-Headers: X-Total-Pages, X-Page 

使用此功能，浏览器可以将您的报头显示为角度读取。