关于angularjs:文件夹中的Ng重复图像

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。

有很多关于如何做到这一点的例子。做些调查,你会没事的。