Thymeleaf условно добавить теги

Question

У меня есть список элементов в моем атрибуте запроса ("items"), список будет отображаться при загрузке 4 (https://getbootstrap.com/docs/4.2/components/card/#card-decks) колода карт 3 элемента в строке. Я могу сделать это с помощью JSTL, как </p> <pre><code><c:forEach var="item" items="${items}" varStatus="status"> <c:if test="${status.index%3 == 0}"> <!--Start new row--> <c:if test="${status.index > 0}"> <!--Close the previous deck--> </div> </c:if> <div class="card-deck mt-3"> <!--Create new deck--> </c:if> <div class="card bg-light"> <h5 class="card-header">${item.id}</h5> <div class="card-body"></div> </div> </c:forEach>

Теперь, как мне добиться того же, используя Thymeleaf? Спасибо

Answer 1

Ваш код будет преобразован в Thymeleaf во что-то вроде следующего кода.

<th:block th:each="item, stat: ${items}">
    <th:block th:if="${stat.index eq 0}">
        <th:block th:if="${stat.index &gt; 0}">
            </div>
        </th:block>
        <div class="card-deck mt-3"> <!--Create new deck-->
    </th:block>
    <div class="card bg-light">
         <h5 class="card-header" th:text="${item.id}"></h5>
         <div class="card-body"></div>
     </div>  
</th:block>