title: ng-repeat gives me only one result
body: <p>I'm using <code>AngularJs</code> to read the <code>iTunes API</code>. I want to get all the results in <code>&lt;entry&gt;</code> but so far I only get the first result:</p>
  
  <pre><code>&lt;div class="container" ng-controller="appController"&gt;
  &lt;div class="item" ng-repeat="chart in charts"&gt;
      &lt;h2&gt;{{chart.entry[$index]['im:name'].label}}&lt;/h2&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>The result is <code>im:name</code> from <code>entry[0]</code>; when I replace <code>$index</code> with a number then I get the result as well, so clearly everything is loaded just fine.</p>
  
  <p>Controller:</p>
  
  <pre><code>app.controller('appController', ['$scope', 'charts', function($scope, charts) {
    charts.success(function(data) {
      $scope.charts = data;
    });
  
  }]);
  </code></pre>
  
  <p>Loading JSON file:</p>
  
  <pre><code>app.factory('charts', ['$http', function($http) {
    return $http.get('https://itunes.apple.com/us/rss/topsongs/limit=100/json')
           .success(function(data) {
             return data;
           })
           .error(function(data) {
             return data;
           });
  }]);
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/xxX4h.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xxX4h.jpg" alt="Json structure"></a></p>