Laden von Daten vor dem Rendern der Ansicht

Question

Ich lade Bilder in eine Ansicht mit meinem Controller. Es funktioniert, es sei denn ich folgende Fehlermeldung, wenn ich die Ansicht laden:

%7B%7Bimage.thumbnail%7D%7D:1 GET http://localhost:9000/%7B%7Bimage.thumbnail%7D%7D 404 (Not Found) 

Trotz, mit dem Fehler, es funktioniert, aber ich versuche, es loszuwerden. Hier

ist, was ich tat vor:

Controller:

app.controller("WeddingGalerieCtrl", function($scope, $http) { 

    $http.get(url) 
    .then(function(response){ 
     $scope.images=response.data; 
     console.log($scope.images); 
    }); 

}) 

Ansicht:

<ul class="list" > 
    <li lightgallery class="list-item" ng-repeat="image in images"> 
    <a href="{{image.big}}"> 
     <img class="img-responsive" src="{{image.thumbnail}}" alt="" /> 
    </a> 
    </li> 
</ul> 

Ich habe versucht, das Hinzufügen einer Entschlossenheit Funktion so meine Daten geladen werden würde, bevor die Ansicht rendert, aber ich habe immer noch den gleichen fehler.

.when('/gallery/wedding', { 
    templateUrl: 'views/gallery.html', 
    controller: 'WeddingGalerieCtrl', 
    css: ['../styles/galleries.css','../styles/lightgallery.css'], 
    resolve: { 
     images: function($http) { 
      return $http.get(url).then(function(response) { 
       return response.data; 
      }); 
     } 
    } 
    }) 

app.controller("WeddingGalerieCtrl", function($scope, $http, images) { 
    $scope.images = images; 
}) 

Answer 1

dumm von mir, ich habe gerade bemerkt, dass ich einen src-Tag statt ng-src ... hinzugefügt