Angularjs 正在删除文件夹中的重复图像

Angularjs 正在删除文件夹中的重复图像,angularjs,Angularjs,我是Angular的初学者,我想在文件夹中对图像进行ng重复。我所有的图像都有不同的名称,因此我不知道如何为所有图像创建ngSrc 希望我说得够清楚。你可以试试这样的东西 $scope.myImages = ["image1.jpg", "image2.jpg"]; 获取所有图像文件名,并将其存储在javascript数组中,并将其存储在控制器的javascript中。我假设您将在服务器端执行此操作,并通过API或服务将JSON返回给客户端 在控制器中,结果如下所示 $scope.myImag

我是Angular的初学者,我想在文件夹中对图像进行ng重复。我所有的图像都有不同的名称,因此我不知道如何为所有图像创建ngSrc


希望我说得够清楚。

你可以试试这样的东西

$scope.myImages = ["image1.jpg", "image2.jpg"];
获取所有图像文件名,并将其存储在javascript数组中,并将其存储在控制器的javascript中。我假设您将在服务器端执行此操作,并通过API或服务将JSON返回给客户端

在控制器中,结果如下所示

$scope.myImages = ["image1.jpg", "image2.jpg"];
你现在有很多选择。一种方法是编写一个返回完整路径的小函数,并从ng src调用它

$scope.getImagePath = function(imageName) {
return "http://yoursite/location/" + imageName;
};

<div ng-repeat="myImage in myImages">

<img ng-src="{{getImagePath(myImage)}}"/>

</div>
类似职位

下次尝试使用JSFiddle或Plunker提供一些代码片段,因为它将清楚地显示您正在尝试做什么

[更新]

我不知道您在服务器端使用的是什么语言/框架,但是获取目录中的所有文件非常容易。下面是分别使用node.js和C的示例

如果您使用的是ASP.NET WEB API,那么只需从API控制器中的Get方法返回数组,然后直接从Angular调用该API即可


关于如何做到这一点,有很多例子。只要做一些研究,你就会没事。

你需要展示你迄今为止所做的工作。否则我们帮不了你。我在代码中没有做任何与此相关的事情,因为我对此一无所知。我觉得我应该用我的图像名称做一个数组,但我不知道怎么做。比如,我可以在那个数组上重复一次ng,然后将结果与ng src一起使用。我对这部分很满意。但据我所知,抓取文件名的部分必须从后端完成。谢谢