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

时间:2014-04-23 10:02:00

标签: javascript html loops each thymeleaf

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

例如:

<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,我该怎么做?

1 个答案:

答案 0 :(得分:5)

关键是使用迭代状态机制以及th:ifth: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