如何在AngularJS资源中使用JSONP

前端之家收集整理的这篇文章主要介绍了如何在AngularJS资源中使用JSONP前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试将json对象导入变量.我根据教程使用服务.

我收到意外的令牌错误,因为我不应该使用$scope.news = JsonSource.Feed(); – 但我真的不知道应该用什么.我用Google搜索搜索了3个小时,我发现只有$http.或$json.答案,但我觉得,它可以做得更容易 – 更清楚.

(完美的解决方案是$scope.news = JsonSource.Feed().条目; D.

服务文件

var AAAServices = angular.module('AAAServices',[
    'ngResource'
]);

AAAServices.factory('JsonSource',['$resource',function($resource) {
    return $resource('https://www.facebook.com/Feeds/page.PHP',{},{
      Feed: {method:'JSONP',{format: 'json',id:'459908',callback : JSON_CALLBACK},isArray:false}
      });
  }]);

控制器文件

var AAAControllers = angular.module('AAAControllers',[])
AAAControllers.controller('newsCtrl',['$scope','JsonSource',function newsCtrl($scope,JsonSource) {
     $scope.news = JsonSource.Feed();
}]);

json文件(差不多; D)

{
   "title": "Tytuł","link": "https:\/\/www.facebook.com\/","entries": [
      {
         "title": " news 1","id": "1"
      },{
         "title": " news 2","id": "2"
     }
   ]
}

编辑:

我更改$resource(‘file.json为https://www.facebook.com/feeds/page.php – 所以你可以检查它是json还是jsonp …

我没注意到它需要成为一个JSONP,所以我使用默认的$resource方法.

下面是一个做你想要的例子.
请记住:

>包含一个文件angular-resource.min.js
>将ngResource注入服务模块
>将motoAdsServices注入app模块
>将Brand注入控制器
>其余的将做Angular

猜你在找的Angularjs相关文章