如何设置限制:HTML中的每个循环

Question

如何each在thymeleafHTML页面中设置循环限制？

例如:

<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