title: Angular $http response returns null when print in console but successfully requested
body: <p>I have a local webservice developed with Spring, everything works fine (using browser or Postman), but when I try a simple GET method with Angular/Ionic it returns null in the response.</p>
  
  <p>But when I look in the Net tab on Firebox console I see that the request was successfully made and returned the real JSON which is expected to return.</p>
  
  <pre><code>$http.get('http://localhost:8081/jungery/card/getCard/1').success(function(response) {
    console.log('Response:', response); // response is null
  }).error(function(data, status, headers, config) {
    console.log('Error:', data);
  });
  </code></pre>
  
  <p>Network tab on Firefox:
  <a href="https://i.stack.imgur.com/hNvCb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hNvCb.png" alt="enter image description here"></a></p>
  
  <p>When debugging on the server side I can confirm that the method on the webservice was really called.</p>
  
  <pre><code>@RequestMapping(value = "/getCard/{id}", method = { RequestMethod.GET, RequestMethod.OPTIONS }, headers = "Accept=application/json")
  public Card getCardById(@PathVariable int id) {
      Card item = cardService.getCard(id);
      if (item == null) {
          item = new Card();
          item.setId(0L);
      }
      return item;
  }
  </code></pre>
  
  <p>So, my question is: What am I missing here? I had done this before and never had such a strange behavior like this.</p>