NG-SRC没有出现我的IMG数组

Question

我在gitpages上有一个简单的图像查看器网页，但是在我推下下一组图像之前，我想使用Angular将所有图像凝结到一个数组中。

我在这里进行的测试仅使用4个与其他文件相同的文件夹中的照片。（它们是JPEG）

我的js文件是这样的，并在数组和控制器的工厂中设置。

angular.module('beamModule',[])
.factory('imageFactory', function(){
    return {
        getImages: function(){
        return ['beam1.jpg','beam2.jpg','beam3.jpg','beam4.jpg'];
        }
    }
})
.controller('Photos', function(imageFactory){
    this.images = imageFactory.getImages();
});

我认为此数组没有任何问题，但也许我忽略了什么？

我正在使用的HTML以及在检查开发人员工具时给我麻烦的部分。

<div class="imgcontainer" ng-controller="Photos as photosController">
    <img ng-repeat="src in photosController.images"
         ng-src="beamModule.js/{{images}}">
</div>

我不确定我是否应该在CSS中使用NG类属性，或者是否有其他需要删除的东西？

开发人员工具正在为每个图像返回此值（它们正在重复不显示）

<img ng-repeat="src in photosController.images" class="ng-scope">

为什么在此处放入NG-SCOPE类，而NG-SRC被删除？

编辑固定

对那些回答如此迅速的人，只是您就是这里的真正MVP。您说要更改ng-src =" beammodule.js/{{images}}"以读取{{{src}}。

一旦我尝试了它，它仍然无法正常工作，但是后来我检查了开发工具，并注意到它试图从JS文件中取出文件而不是实际文件，所以我只是将其更改为此，现在它运行效果很好！谢谢。

ng-src="{{src}}"

Answer 1

指向重复而不是JS文件所需的NG-SRC属性。

ng-src =" {{{src}}"