Ng-repeat images in folder
我是一个角度初学者,我想做一个文件夹中的图像的ng重复。我所有的图片都有不同的名称,所以我不知道如何为所有的图片制作一个NGSRC。
希望我足够清楚。
你可以试试这个。
获取所有图像文件名,并将其存储在一个javascript数组中,并将其存储在控制器的javascript中。我假设您将在服务器端执行此操作,并通过API或服务将JSON返回给客户机。
在控制器中,结果如下。
1 | $scope.myImages = ["image1.jpg","image2.jpg"]; |
你现在有很多选择。一种方法是编写一个返回完整路径的小函数,并从ng-src调用它。
1 2 3 4 5 6 7 | $scope.getImagePath = function(imageName) { return"http://yoursite/location/" + imageName; }; <img ng-src="{{getImagePath(myImage)}}"/> |
这里有类似的帖子
下次尝试使用JSfiddle或Plugker给出一些代码片段,因为它将清楚地显示您正在尝试做什么。
[更新]
我不知道您在服务器端使用的是什么语言/框架,但要获取目录中的所有文件非常容易。下面是分别使用node.js和c_的示例。
http://www.csharp-examples.net/get-files-from-directory/
如何获得node.js目录中所有文件的名称列表?
如果您使用的是ASP.NET Web API,那么只需从API控制器中的get方法返回数组,然后直接从angular调用该API。
有很多关于如何做到这一点的例子。做些调查,你会没事的。