title: ng-init in ng-repeat shows only the last item info
body: <p>I want to loop through items like this:</p>
  
  <pre><code>&lt;section class="col-sm-4" data-ng-controller="PredictionsController" data-ng-init="findMyPredictions()"&gt;
      &lt;div class="games"&gt;
          &lt;div class="game-row" ng-repeat="prediction in predictions" ng-init="getGame(prediction.game_id)"&gt;
              &lt;a class="button primary alt block" href="#!/predictions/{{prediction._id}}"&gt;
                  &lt;span class="home flag {{gameInfo.team1_key}}"&gt;&lt;/span&gt;
          &lt;span class="middle"&gt;
              &lt;span class="date"&gt;{{gameInfo.play_at | date: 'd.MM HH:mm'}}&lt;/span&gt;
              &lt;span class="versus"&gt;{{gameInfo.team1_title}} - {{gameInfo.team2_title}}&lt;/span&gt;
          &lt;/span&gt;
                  &lt;span class="away flag {{gameInfo.team2_key}}"&gt;&lt;/span&gt;
              &lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>But the output is just X times the same info:
  <img src="https://i.stack.imgur.com/njxiZ.png" alt="enter image description here">
  Although the request is done correctly:
  <img src="https://i.stack.imgur.com/nGcI5.png" alt="enter image description here"></p>
  
  <p>Any idea what is wrong here?</p>
  
  <p>UPDATE:
  My getGame function:</p>
  
  <pre><code>$scope.getGame = function (game_id) {
      $scope.gameInfo = {};
      $http.get('/games/' + game_id)
      .success(function (data) {
          $scope.gameInfo = data;
      });
  
  };
  </code></pre>