2013-10-31 63 views
0

我試圖讓我的Google Plus頁面的帖子,活動源通過JSON顯示在我的網站上。無法在網站上顯示Google Plus帖子JSON

我使用AngularJS來做到這一點。林不知道我做錯了什麼。

當我運行這個,在頁面中沒有顯示任何東西。 另外,我得到的控制檯錯誤:未捕獲的SyntaxError:意外的標記:市民: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部分:而HTML標籤已經NG-應用= 「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> 
+0

我已經刪除了我的apikey只是爲了這個職位 – STEEL

回答

1

你能嘗試這個一個

$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; 
}); 

更換您的通話JSONP請注意,我已經加入的網址,並重新一個&callback=JSON_CALLBACK地方then(...)success(...)

+0

感謝他幫助的人。是http JSONP需要混合使用JSON_CALLBACK。愛你的男人。 http://docs.angularjs.org/api/ng.$http#methods_jsonp – STEEL