Angular.JS + CORS

Angular.JS with CORS/IE compatibility - using $http.defaults.useXDomain

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.1.1/angular-resource.min.js"></script>

<div id="foo">
    <div ng-controller="corsCtrl">
        <button ng-click="useHttp()">$http.get request</button>
        <button ng-click="useResource()">$resource request</button>    
    </div>
</div>

CoffeeScript

angular.module("Test", ["ngResource"]).controller "corsCtrl", ($scope, $http, $resource) ->
  
  $http.defaults.useXDomain = true
  $scope.useHttp = ->
    $http.get("http://ricardohbin.com/cors/testcors.php").success (data) ->
      alert data.ok


  $scope.useResource = ->
    User = $resource("http://ricardohbin.com/cors/testcors.php",
      userId: "@id"
    )
    User.get
      userId: 123
    , (data) ->
      alert data.ok

angular.bootstrap(document.getElementById("foo"), ['Test'])