title: Unable to hit web api. Not even able to get error
body: <p>Trying to hit a WEB API through Angular http post method but unable to hit the web api and catch block is not throwing any error as well. I have enabled cross-origin policy as well.
  When I paste the web api url in th browser then it hits the method but not through angular http post function.</p>
  
  <p>Below is the code component code</p>
  
  <pre><code>    let headers = new Headers({ 'Content-Type': 'application/json' });
      let options = new RequestOptions({ headers: headers });  
  
      this._http.post(this._commonUrl, filter, options)
          .map(response =&gt; response.json())
          .catch(this.handleError);
  
  
       private handleError(error: Response) {
          console.error(error);
          return Observable.throw(error.json().error || 'Server error');
       }
  </code></pre>
  
  <p>Controller code</p>
  
  <pre><code>[RoutePrefix("api/common")]
  public class ProductController : ApiController
  {
      public ProductController()
      {
  
      }
  
      [Route("initialize")]
      [HttpPost]
      public HttpResponseMessage SearchLazada(Filter filter)
      {
          try
          {
          }
      }
  }
  </code></pre>