title: How can i access the response header in .then function AngularJS
body: <p>do you know how i can access the response header from a get request ?</p>
  
  <p>I have a service function which return a promise. My Controller resolve the promise and in .then function i need the content type from the response header.</p>
  
  <p>I have try to use the "headers" parameter, which i display with console.log(headers()), but the error "headers() is not a function" shown in my console.</p>
  
  <p>My Service :</p>
  
  <pre><code>.factory('GetResultFile',
  ['$http', '$q',
  function ($http, $q) {
  
      var service = {};
      service.getResult = function(id, rid) {
  
          var deferred = $q.defer();
  
          $http
          .get('http://localhost:9999/v1/jmeter/' + id + '/results/' + rid, {cache: false})
          .then(function(data, status, headers, config) {
              if(data.status == 200) {
                  console.log(data.status);
                  deferred.resolve(data);
              }
              else {
                  deferred.reject(data);
              }
          });
          return deferred.promise;                
      }
      return service;
  </code></pre>
  
  <p>}]);</p>
  
  <p>controller:</p>
  
  <pre><code>$scope.getResult = function(rid) {
          console.log($scope.id);
          GetResultFile.getResult($scope.id, rid)
          .then(function(data, headers) {
              //console.log(headers.Content-type);
              console.log(headers());
              console.log(data);
              console.log("Download succeed");
              console.log(data.status);
  
              var file = new Blob([data.data], {type: 'text/plain;charset=utf-8'});
              FileSaver.saveAs(file, 'test.txt');
  
          }, function (data) {
              console.log("Download ERROR!");
              console.log(data.status);
          })
      };              
  </code></pre>
  
  <p>}])</p>