title: Angular - how to receive nested error message object back from rest api
body: <p>Seems that this current code that I have is NOT able to show me the return of the web api data</p>
  
  <p><strong>Angular $http.post</strong> </p>
  
  <pre><code>  return $http.post(`${calparkUrl}/api/request`, 
                    data, 
                      {calApiResponse: true});
  </code></pre>
  
  <p>With <strong>Postman</strong> I see this error </p>
  
  <pre><code>  {
      "data": null,
      "hasErrors": true,
      "errorList": [
       "This Order cannot be submitted as entered. A combination of this information is already in use."
       ]
    }
  </code></pre>
  
  <p>What do I NEED to add to my $http.post in order to retrieve that <code>hasErrors</code> and <code>errorList</code> ??</p>
  
  <p><strong>Update</strong></p>
  
  <p>Will the following ever even display the console.log for either response or the error?   I want to be able to TELL the caller ( code calling this and expecting the return )  whether the data is good or bad ... etc</p>
  
  <pre><code> return $http.post(`${calibrusSparkUrl}/api/request`, data).
             then (function successCallback(function (response) {
                 console.log(response);
             }).
              errorCallback(function (response) {
                  console.log(response);
             });
  </code></pre>