1

Контроллер на страницу передает массив чисел/pages ближайших страниц и id текущей страницы. Пробегаясь по массиву pages я отображаю все возможные ссылки на страницы. Задача состоит в создании условия if(page == id) то th:style="buckground:#ffffff;" - Как это можно реализовать ? Нужный кусок кода -

 <li class="page-item" th:each="page : ${pages}"><a class="page-link" th:href="@{/snowy/page/{id}(id=${page})}" th:text="${page}">number</a></li>

Полный код код NavBar -

    <ul class="pagination justify-content-center">
        <li class="page-item" >
            <a class="page-link" th:href="@{'/snowy/page/' + ${id -1}}" tabindex="-1" th:if="${(id - 1 ) > 0}">Previous</a>
        </li>
        <li class="page-item" th:each="page : ${pages}"><a class="page-link" th:href="@{/snowy/page/{id}(id=${page})}" th:text="${page}">number</a></li>
        <li class="page-item">
            <a class="page-link" th:href="@{'/snowy/page/' + ${id + 1}}" th:if="${(id + 1 ) <= maxPage}">Next</a>
        </li>
    </ul>
0

1 ответ 1

1

Можно использовать условие непосредственно внутри выражения:

th:style="${ (page == id) ? 'background:#ffffff;' : null }" 

В итоге получается:

<li class="page-item" th:each="page : ${pages}" th:style="${ (page == id) ? 'background:#ffffff;' : null }">
    <a class="page-link" th:href="@{/snowy/page/{id}(id=${page})}" th:text="${page}">number</a>
</li>
1
  • Большое спасибо!
    – SnejOK
    20 дек 2020 в 20:41

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.