Почему эти извлеченные данные не отображаются в моем HTML?

Я извлекаю некоторые объекты из базы данных Parse и отображаю их в своем шаблоне:

JS:

angular.module('yoApp')
  .controller('downloadsCtrl', function($q, $scope, $rootScope, $http, appService, serviceUpload, fileUpload) {
    $scope.downloads = []
    var Download = Parse.Object.extend('Download')
    var query = new Parse.Query(Download)
    query.find({
      success: function(results) {
        _.each(results, function(result) {
          $scope.downloads.push(result.toJSON())
          console.log($scope.downloads)
          $scope.$apply
        })
      },
      error: function(error) {
        // The object was not retrieved successfully.
        // error is a Parse.Error with an error code and message.
      }
    })
  })

HTML:

<pre>{{downloads | json}}</pre>

console.log($scope.downloads) выводит объекты: [Object, Object].

Но они не отображаются между <pre></pre>

Почему это? И как выполнить то, что я хочу?