title: Load JSON in AngularJS App (loading google spreadsheet)
body: <p>I am trying to load up a Google spreadsheet in my application, but I am not managing to make it work. I've tried different ways of accessing the tree structure (via the controller and/or via the html), but none of them worked.
  Any idea what may be wrong? </p>
  
  <p>Here is my controller:</p>
  
  <pre><code>app.controller('SuperCtrl', ['$scope', '$http', function($scope,$http) {
      $http.get("https://spreadsheets.google.com/feeds/list/1lZWwacSVxTD_ciOsuNsrzeMTNAl0Dj8SOrbaMqPKM7U/od6/public/values?alt=json-in-script&amp;callback=x")
      .success(function(response) {
        $scope.items = response;
      });
  }]);
  </code></pre>
  
  <p>And here is the HTML:</p>
  
  <pre><code>&lt;ul ng-controller="SuperCtrl"&gt;
    &lt;li ng-repeat="item in items.feed.entry"&gt;
      {{ item.title.type }}
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>