Javascript 角度img src控制台错误

Javascript 角度img src控制台错误,javascript,angularjs,Javascript,Angularjs,我正在使用ng repeat打印所需文件夹中的所有图像,这些图像位于中 以下是控制器的一个示例: var ParentCtrl = function ($scope) { $scope.getTimes=function(n){ // for the ng-repeat return new Array(n); }; }; app.controller('projectController', ['$scope','$injector', function($

我正在使用
ng repeat
打印所需文件夹中的所有图像,这些图像位于

以下是控制器的一个示例:

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 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>

如何修复该错误?

这就是您要查找的内容:
这是因为浏览器试图使用您提供的
src
获取图像。如果使用
ng src
,angular将负责等待表达式编译,然后将
src
附加到
元素。

在模板中,请使用
数据ng src
,而不是
src
。您的新模板将成为

<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 data-ng-src="{{image_url+($index)+'.jpg'}}">
</a>


检查这个:嗯,我太傻了,我忘了
ngsrc
。我还在学习,所以我可以“负担得起”犯那些错误:D干杯:)没问题。这是个好问题。事后看来,也许我们会更新标题以反映“src”属性,因为我们现在很好地相信它与ng重复无关?Doh。同样的错误!忘记了一个错误。。。我指责在太多语言/环境/框架之间切换!!十)
<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 data-ng-src="{{image_url+($index)+'.jpg'}}">
</a>