无法在网站上显示Google Plus帖子JSON

时间:2013-10-31 06:59:46

标签: angularjs jsonp google-plus

我试图通过JSON获取我的Google Plus网页的帖子,活动Feed以显示在我的网站上。

我使用AngularJS来做到这一点。我不确定我做错了什么。

当我运行它时,在页面中它不会显示任何内容。 此外,我收到CONSOLE错误:未捕获的SyntaxError:意外的令牌:public:2​​

'use strict';
var app = angular.module('teamamr', ['teamamr.controller']);

var controllers = angular.module('teamamr.controller', []);

controllers.controller('googlePosts', function ($scope, $http) {
    $http.jsonp('https://www.googleapis.com/plus/v1/people/117069052843337874560/activities/public?maxResults=10&key=MYKEY')
        .then(function (data) {
            $scope.items = data;
            console.log(data);
        });
});

HTML PART:html标签有ng-app =“teamamr”

<div class="w-row" ng-controller="googlePosts">
        <div class="w-col w-col-4 services" ng-repeat="post in items">
          <h3>{{post.title}}</h3>
          <p><a href="{{post.url}}">read more</a></p>
        </div>
      </div>

1 个答案:

答案 0 :(得分:1)

你能尝试用这个替换你的JSONP调用

吗?
$http.jsonp('https://www.googleapis.com/plus/v1/people/117069052843337874560/activities/public?callback=JSON_CALLBACK&maxResults=10&key=MYKEY').success(function(data, status, headers, config) {
  console.log(data);    
  $scope.items = data.items;
});

请注意,我在网址中添加了&callback=JSON_CALLBACK,并将then(...)替换为success(...)