使用Javascript迭代在Html中显示多个图像

Question

我使用AngularJS作为webapp，我有一组存储在磁盘上的图像，我使用rest服务来检索磁盘上图像的路径。现在在客户端，我有一个对象，它是一个包含图像路径的数组。

我想知道如何在html上使用javascript迭代这个数组，以显示该数组包含的所有图像。

这是我尝试的代码，但到目前为止没有运气：

<div id="products" data-ng-repeat="product in products">


<img alt=""  data-ng-src="{{product.pathToImage}}" height="300" width="200px">



</div>

非常感谢您提前。

Answer 1

重复应该继续重复的元素而不是父元素 - 试试这个：

<div id="products">
    <img alt="" data-ng-repeat="product in products" data-ng-src="{{product.pathToImage}}" height="300" width="200px">
</div>

编辑 - 更正

Answer 2

我认为该属性是ng-repeat而不是data-ng-repeat，您的产品是否在$ scope范围内？

<div id="products" ng-repeat="product in products">
    <img alt="" ng-src="{{product.pathToImage}}" height="300" width="200px">
</div>