Thymeleaf: как использовать условные выражения для динамического добавления / удаления класса CSS

Используя Thymeleaf в качестве механизма шаблонов, можно ли динамически добавлять / удалять класс CSS в / из простого divс th:ifпредложением?

Обычно я мог бы использовать условное предложение следующим образом:

<a href="lorem-ipsum.html" th:if="${condition}">Lorem Ipsum</a> 

Мы создадим ссылку на страницу lorem ipsum , но только если условие условия истинно.

Я ищу что-то другое: я бы хотел, чтобы блок всегда был виден, но с изменяемыми классами в зависимости от ситуации.

Также есть th:classappend.

<a href="" class="baseclass" th:classappend="${isAdmin} ? adminclass : userclass"></a>

Если isAdminесть true, то это приведет к:

<a href="" class="baseclass adminclass"></a>

Да, можно динамически изменять класс CSS в зависимости от ситуации, но не с помощью th:if. Это делается с помощью оператора elvis .

<a href="lorem-ipsum.html" th:class="${isAdmin}? adminclass : userclass">Lorem Ipsum</a> 

Для этой цели, и если у меня нет логической переменной, я использую следующее:

<li th:class="${#strings.contains(content.language,'CZ')} ? active : ''">

Другой очень похожий ответ - использовать «равно» вместо «содержит».

<li th:class="${#strings.equals(pageTitle,'How It Works')} ? active : ''">

Если вы просто хотите добавить класс в случае ошибки вы можете использовать th:errorclass="my-error-class"упоминались в ДоПе .

<input type="text" th:field="*{datePlanted}" class="small" th:errorclass="fieldError" />

Примененный к тегу поля формы (input, select, textarea…), он будет читать имя поля для проверки из любого существующего имени или атрибутов th: field в том же теге, а затем добавлять указанный класс CSS к тегу если с таким полем связаны ошибки

Просто чтобы добавить свое мнение, на случай, если оно кому-то будет полезно. Это то, что я использовал.

<div th:class="${request.read ? 'mdl-color-text--grey-800 w500' : ''}"> </div>

Еще одно использование th: class, такое же, как у @NewbLeech и @Charles, но упрощенное до максимума, если нет случая "else":

<input th:class="${#fields.hasErrors('password')} ? formFieldHasError" />

Не включает атрибут класса, если # fields.hasErrors ('password') ложно.

То, что упомянул @Nilsi, совершенно правильно. Однако adminclass и user class должны быть заключены в одинарные кавычки, так как это может не сработать из-за того, что Thymeleaf ищет переменные adminClass или userclass, которые должны быть строками. Тем не менее,

так должно быть: -

 <a href="" class="baseclass" th:classappend="${isAdmin} ? 'adminclass' : 
 'userclass'"> 
 </a>

или просто:

<a href="" th:class="${isAdmin} ? 'newclass' : 
  'baseclass'"> 
 </a>

Если вы хотите добавить или удалить класс соответственно, если URL-адрес содержит определенные параметры или нет. Это то, что вы можете сделать

<a th:href="@{/admin/home}"  th:class="${#httpServletRequest.requestURI.contains('home')} ? 'nav-link active' : 'nav-link'"  >

Если URL-адрес содержит «дом», тогда будет добавлен активный класс, и наоборот.

На всякий случай, если кто-то использует Bootstrap, я смог добавить более одного класса:

<a href="" class="baseclass" th:classappend="${isAdmin} ?: 'text-danger font-italic' "></a>