使用 Javascript 迭代以 HTML 显示多个图像

Iterate using Javascript to display multiple images in Html

本文关键字：图像 显示 HTML Javascript 迭代 使用      更新时间：2023-09-26

我正在使用AngularJS作为Web应用程序，我在磁盘上存储了一组图像，并且我正在使用休息服务来检索磁盘上图像的路径。现在在客户端，我有一个对象，它是一个包含图像路径的数组。

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

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

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

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

</div>

提前非常感谢你。

重复应该在重复的元素而不是父元素上进行 - 试试这个：

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

编辑 - 已更正

我认为该属性是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>
相关文章：