如何在 html 文件中迭代数组并在 Framework7 V1 中查看其元素？

Question

如何显示图像 数组中包含哪些 base64 图像 URL。在这里，我需要迭代 imageArray 并通过获取数组元素的值来查看图像。在下面的代码中，{{imageArray}} 表示数组。

<p><img src="{{imageArray}}" ></p>

目前可以通过以下方式查看

<p><img src="{{imageArray[0]}}" ></p>
<p><img src="{{imageArray[1]}}" ></p>

但是我需要根据数组的大小动态迭代它。

Answer 1

折腾了几个小时终于找到答案了。可以使用 this 关键字访问数组的每个元素。所以我可以遍历数组并使用以下方式查看图像。

{{#each imageArray}}
   <p><img src={{this}} class="payment-slip-image-view"></p>
{{/each}}

How to iterate an array inside html file and view its element in Framework7 V1?