Angular - So wählen Sie ein Bild im Ordner zufällig aus, um den Hintergrund festzulegen

Question

So wählen Sie nach dem Zufallsprinzip ein Bild im Ordner aus, um den Hintergrund festzulegen. Ich bin Neuling, dies ist mein Code:

app.directive('randomBackground', function($http){ 
 
    return function(scope, element, attrs){ 
 
     $http({method: 'GET', url: 'images/background'}).success(function(data) { 
 
     \t console.log(angular.element(data)[11]); 
 
     \t var imgs = []; 
 
\t \t \t ... 
 
\t   var url = imgs[Math.floor(Math.random()*imgs.length)]; 
 
\t   element.css({ 
 
\t    'background-image': 'url(images/background/'+url+')', 
 
\t    'background-size' : 'cover', 
 
\t    'background-repeat' : 'no-repeat', 
 
\t    'background-attachment' : 'fixed', 
 
\t   }); 
 
\t \t }); 
 
    }; 
 
});

Answer 1

im Grunde sind Sie nach einer Möglichkeit, die Bilder Pfade aus dem Ordner images/background (bitte korrigieren Sie mich, wenn ich falsch bin) zu bekommen, Das ist nicht machbar Ursache angularjs, und Javascript im Allgemeinen eine Client-Seite, so müssen Sie die Dateinamen von der Serverseite und senden Sie das Array an die Client-Seite, dann können Sie Ihre Magie tun :)