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

Question

我正在将 AngularJS 用于 Web 应用程序，我在磁盘上存储了一组图像，并且我正在使用 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>

编辑 - 更正