Używam ng-repeat
do drukowania wszystkich obrazów z żądanego folderu, a obrazy te są w <a>
, ponieważ używam fancyBox.Błąd konsoli kątowej img src
Oto przykład z kontrolerem:
var ParentCtrl = function ($scope) {
$scope.getTimes=function(n){ // for the ng-repeat
return new Array(n);
};
};
app.controller('projectController', ['$scope','$injector', function($scope, $injector) {
$injector.invoke(ParentCtrl, this, {$scope: $scope});
$scope.title = 'project';
$scope.image_url = 'img/project/';
$scope.image_num = 14; //image count -> [0.jpg, 1.jpg, 2.jpg, ..., 13.jpg]
}]);
A szablon:
<a href="" class="fancybox" rel="project-gallery"
data-ng-repeat="t in getTimes(image_num) track by $index"
data-ng-href="{{image_url+($index)+'.jpg'}}">
<img src="{{image_url+($index)+'.jpg'}}">
</a>
I ten kod działa poprawnie, to pokazuje wszystkie 14 zdjęć. Jednak pojawia się ten błąd w konsoli:
GET http://localhost/projects/project-name/%7B%7Bimage_url+($index)+'.jpg'%7D%7D 404 (Not Found)
Jak naprawić ten błąd?
czek to: https://docs.angularjs.org/api/ng/directive/ngSrc –