如何在 HTML 中设置限制 th:each 循环

Question

如何在我的thymeleaf HTML 页面中为each 循环设置限制？

例如：

<select id="places" onchange="onPlaceChange();">
    <option value="0">Select Place</option>
    <option th:each="p:${places}" th:text="${p.place_Name}" th:value="${p.id}"></option>
</select>

此代码循环访问数据库中的项目，limit 是列表的长度。

这里的列表长度是 14，我想将该限制设置为 7，我该怎么做？

Answer 1

关键是使用迭代状态机制以及th:if 或th:unless 条件属性。

相关参考资料在：

• https://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.html#keeping-iteration-status
• https://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.html#simple-conditionals-if-and-unless

所以在你的情况下，它看起来类似于：

<option th:each="p,pStat : ${places}" th:text="${p.place_Name}" th:value="${p.id}" th:unless="${pStat.index > 7}"></option>

编辑：这个答案是为 Thymeleaf 2.1（当时）编写的，但应该以相同或类似的方式与 3.0 一起使用。看： https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html