Why does a cross-domain angularjs $http.post request fail when a XMLHttpRequest succeeds?

Question

I am trying to exercise the Trello API with an application key and token from an angular (version 1.0.5) webapp. The server seems correctly configured to handle CORS. A test req

Answer 1

As per this angular pull request, CORS can be made to work by deleting X-Requested-With which causes a pre-flight OPTIONS request:

App.config(['$httpProvider', function($httpProvider) {
    delete $httpProvider.defaults.headers.common["X-Requested-With"];
}

Note that I have not tried this personally, but a co-worker had to deltete the header to make his CORS request work.