thymeleaf循环js语句
时间: 2023-09-30 22:11:40 浏览: 175
在 thymeleaf网页中,js获取model中的数组列表.txt
你可以使用 Thymeleaf 的 `th:each` 属性来循环遍历集合,并在页面中生成相应的 JavaScript 代码。例如,假设你有一个名为 `items` 的集合,可以按照以下方式循环遍历:
```
<script th:inline="javascript">
/*<![CDATA[*/
/* 循环遍历集合 */
/* 注意:items 是模型中的变量名,item 是迭代变量名 */
/* 在这里生成相应的 JavaScript 代码 */
/*]]>*/
</script>
<table>
<tbody>
<tr th:each="item : ${items}">
<td th:text="${item.name}">Item Name</td>
<td th:text="${item.price}">Item Price</td>
</tr>
</tbody>
</table>
```
在上面的示例中,我们使用 `th:each` 属性来循环遍历 `items` 集合,并在页面中生成相应的 `<tr>` 元素,其中包括 `item.name` 和 `item.price` 的值。在 `<script>` 标记中,你可以使用 `/*<![CDATA[*/` 和 `/*]]>*/` 来包裹 JavaScript 代码,以便 Thymeleaf 不会将其解释为模板语言。
阅读全文