Système comme Tinder

Bonjour, je suis en train de créer un système de vote ( swipe left / swipe right )

Comment pourrais je faire pour afficher au hasard une photo contenue dans ma base de donnée, étant donné que pour l'instant, c'est codé en dur.

  .directive('noScroll', function($document) {

  return {
    restrict: 'A',
    link: function($scope, $element, $attr) {

      $document.on('touchmove', function(e) {
        e.preventDefault();
      });
    }
  }
})

  .controller('CardsCtrl', function($scope, TDCardDelegate) {
  console.log('CARDS CTRL');
  var cardTypes = [
    { image: 'https://picsum.photos/300/300' },
    { image: 'https://picsum.photos/300/300' },
    { image: 'https://picsum.photos/300/300' },
    { image: 'https://picsum.photos/300/300' },
    { image: 'https://picsum.photos/300/300' }
  ];

  $scope.cards = Array.prototype.slice.call(cardTypes, 0);

  $scope.cardDestroyed = function(index) {
    $scope.cards.splice(index, 1);
  };

  $scope.addCard = function() {
    var newCard = cardTypes[Math.floor(Math.random() * cardTypes.length)];
    newCard.id = Math.random();
    $scope.cards.push(angular.extend({}, newCard));
  }
})

  .controller('CardCtrl', function($scope, TDCardDelegate) {
  $scope.cardSwipedLeft = function(index) {
    console.log('LEFT SWIPE');
    $scope.addCard();
  };
  $scope.cardSwipedRight = function(index) {
    console.log('RIGHT SWIPE');
    $scope.addCard();
  };
});