如何配置Angular $ resource(ngResource)以使用CORS从另一个域提取数据

Question

我希望能够使用CORS来设置资源,使用CORS来请求我的数据.我有CORS使用$ http,但相同的技术不适用于$ resource我希望有人可以来救我并告诉我如何使用$ resource.

我已经修改了Angular教程的最后一步,通过在services.js文件中攻击phonecatServices服务来使用CORS.

我发现这个例子使用$ http.defaults.useXDomain = true; 删除$ http.defaults.headers.common ['X-Requested-With'];行获取使用CORS请求数据的角度但是如果我尝试$ resource.defaults.useXDomain = true; 我收到错误:"无法设置未定义的属性'useXDomain'".

我认为$ resource没有这个属性,所以我的问题是,如何使用CORS配置$ resource来发出跨域资源请求.

这是我的代码:

angular.module('phonecatServices', ['ngResource']).
    factory('Phone', function($resource){
  return $resource('http\\://localhost\\:8080/:phoneId.json', {}, {
    query: {params:{phoneId:'phones'}, isArray:true}
  });
});

当我尝试发出请求时出现以下错误:对象#<资源>没有方法'推送'

编辑

我已经尝试设置$ http并且它大部分时间都可以工作,但是当调用资源查询时,在这种情况下是Phone.get(phoneId); 这似乎抛出了上述错误.

调用我怀疑导致错误的代码(来自controllers.js 第11步角度教程):

function PhoneDetailCtrl($scope, $routeParams, Phone) {
  $scope.phone = Phone.get({phoneId: $routeParams.phoneId}, function(phone) {
    $scope.mainImageUrl = phone.images[0];
  });

  $scope.setImage = function(imageUrl) {
    $scope.mainImageUrl = imageUrl;
  }
}

如果我删除上述方法的内部代码运行正常(没有获得网站的图像),但我不明白为什么这不起作用？我已经设置了$ http服务来使用CORS,所以应该将它传递给$ resource.

任何人都可以对此有所了解吗？(任何工作示例代码将不胜感激).

编辑:13/08/13

正如所有访问这个问题的人都知道的那样,下面的答案都没有真正回答过这个问题,我正在研究一个答案,但是如果有人发现这个并且有答案我会非常感激它.

编辑:06/09/13

目前正在调查这个项目,似乎允许我正在寻找的一切:https://github.com/jpillora/xdomain

Answer 1

好的，我为我的项目找到的解决方案是 xdomain： https: //github.com/jpillora/xdomain

我承认这可能并不适合所有人，但它是一个不错的跨浏览器解决方案，虽然我们坚持使用 IE<10，但这似乎是最好的解决方案。（我知道 IE8 和 IE9 提供部分支持，但与往常一样，IE 并不完全支持，我不想浪费时间为 IE 做其他工作）。

感谢所有提供问题答案的人。