Javascript 如何使用angularjs一次添加多个图像

我只是一个初学者，想从我的文件夹中添加大约1000张图片，但我尝试了很多次，但仍然无法做到这一点。我正在使用angularjs，能够使用

$scope.image['image1.jpg'，'image2.jpg']

显示，并且可以在

ng repeat

中显示，那么我可以为1000张图像做些什么呢？我要一个接一个地装吗？？？如果有更好的解决方案，请指导我？我想添加这样的文件夹

var folderOfImages=/images/ "1000 images are here"

我正在这样做：

app.controller('PageCtrl', ['$scope', 'filterFilter', function ($scope, filterFilter) {
$scope.items = [{
    src: '../images/gallery/6th-september/2013-09-07-09-42-23.jpg', desc: 'Image 01'
}, {
    src: '../images/gallery/6th-september/2013-09-07-09-42-36.jpg', desc: 'Image 01'
}, {
    src: '../images/gallery/6th-september/2013-09-07-09-42-46.jpg', desc: 'Image 01'
}, {
    src: '../images/gallery/6th-september/2013-09-07-09-43-29.jpg', desc: 'Image 01'
}, {
    src: '../images/gallery/6th-september/2013-09-07-09-43-43.jpg', desc: 'Image 01'
}, {
    src: '../images/gallery/6th-september/2013-09-07-09-43-56.jpg', desc: 'Image 01'
}, {
    ...
}];

---

您可以对$scope中的数组使用ng repeat，如下所示，这是您需要的吗

如果需要首先加载文件名，则需要使用后端，因为不允许javascript检查系统信息。但这很容易。不幸的是，我不知道您需要哪个后端，所以请查看以下解决方案：

（函数（角度）{
角度.module（'ngRepeat'，[]）.controller（'repeatController'，function（$scope）{
$scope.images=[
"http://lorempixel.com/output/technics-q-g-100-100-1.jpg",
"http://lorempixel.com/output/technics-q-g-100-100-2.jpg",
"http://lorempixel.com/output/technics-q-g-100-100-3.jpg",
"http://lorempixel.com/output/technics-q-g-100-100-5.jpg",
"http://lorempixel.com/output/technics-q-g-100-100-6.jpg"
];
});
})（窗口角度）
div{
显示：内联块；
填充物：5px；
}
您可以对$scope中的数组使用ng repeat，如下所示，这是您需要的吗

如果需要首先加载文件名，则需要使用后端，因为不允许javascript检查系统信息。但这很容易。不幸的是，我不知道您需要哪个后端，所以请查看以下解决方案：






（函数（角度）{
角度.module（'ngRepeat'，[]）.controller（'repeatController'，function（$scope）{
$scope.images=[
"http://lorempixel.com/output/technics-q-g-100-100-1.jpg",
"http://lorempixel.com/output/technics-q-g-100-100-2.jpg",
"http://lorempixel.com/output/technics-q-g-100-100-3.jpg",
"http://lorempixel.com/output/technics-q-g-100-100-5.jpg",
"http://lorempixel.com/output/technics-q-g-100-100-6.jpg"
];
});
})（窗口角度）
div{
显示：内联块；
填充物：5px；
}
如果您能够使用某种数字排序系统命名文件，那么可能值得一试。虽然这现在可以很好地扩展，但您可以尝试一下。同样，这将取决于知道图像的数量和对照片命名惯例的控制

var图像=1000；
var src='../images/gallery/6-9月/2013-09-07-09-42-'；
$scope.images=[]；
对于（var i=0；i
如果您能够使用某种数字排序系统命名文件，那么可能值得一试。虽然这现在可以很好地扩展，但您可以尝试一下。同样，这将取决于知道图像的数量和对照片命名惯例的控制

var图像=1000；
var src='../images/gallery/6-9月/2013-09-07-09-42-'；
$scope.images=[]；
对于（var i=0；i
只需预加载您的图像，在此处查看：谢谢，但此处不是正确的解决方案，因为在wantsOk中，您的问题不清楚。在这种情况下，您必须像这样请求服务器：
GET/images
。你能给我举个例子吗？请？这取决于您的服务器技术php/node/java？只需预加载您的图像，在此处查看：谢谢，但这里不是正确的解决方案，因为在wantsOk中，您的问题不清楚。在这种情况下，您必须像这样请求服务器：
GET/images
。你能给我举个例子吗？请？这取决于您的服务器技术php/node/java？谢谢您的回复，但我已经这样做了，无法输入1000个像这样的图像url我需要任何快速解决方案可以说我想直接从我的文件夹加载图像不需要输入一个接一个的url更新我的答案。不幸的是，javascript不允许读取您的文件夹信息。因此，您需要添加一个带有“GET”的后端解决方案，该解决方案返回您所有的图像名称，因此您只需加载它们，并使用ng repeat覆盖结果即可。如何使用服务器？任何例子？是否可以使用ajax？谢谢你的回复，但我已经这样做了，无法输入1000个像这样的图像url我需要任何快速解决方案可以说我想直接从我的文件夹加载图像不需要输入一个接一个的url更新我的答案。不幸的是，javascript不允许读取您的文件夹信息。因此，您需要添加一个带有“GET”的后端解决方案，该解决方案返回您所有的图像名称，因此您只需加载它们，并使用ng repeat覆盖结果即可。如何使用服务器？可以使用Ajax吗？是的，我通过改变图像的名称来实现这一点，但是它不是一个好的方法，因为它会影响图像“ALT”和“TITTLE”@ Zeeshan。你可以考虑使用JSON文件作为常量，这样你就可以访问所有的信息。如果您不想使用C或节点解决方案。是的，我通过改变图像的名称来实现这一点，但这不是一个好方法，因为它会影响图像“ALT”和“TITTLE”@ Zeeshan。您可以考虑使用JSON文件作为常量，这样您就可以访问所有信息。如果您不想使用C或节点解决方案。