Thymeleaf: cómo usar condicionales para agregar / eliminar dinámicamente una clase CSS

Al usar Thymeleaf como motor de plantilla, ¿es posible agregar / eliminar dinámicamente una clase CSS a / desde un simple divcon la th:ifcláusula?

Normalmente, podría usar la cláusula condicional de la siguiente manera:

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

Crearemos un enlace a la página de lorem ipsum , pero solo si la cláusula de condición es verdadera.

Busco algo diferente: me gustaría que el bloque esté siempre visible, pero con clases cambiables según la situación.

También hay th:classappend.

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

Si isAdmines así true, esto resultará en:

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

Sí, es posible cambiar una clase CSS dinámicamente según la situación, pero no con th:if. Esto se hace con el operador elvis .

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

Para este propósito y si no tengo una variable booleana, uso lo siguiente:

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

Otra respuesta muy similar es usar "es igual a" en lugar de "contiene".

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

Si solo desea agregar una clase en caso de error, puede usar th:errorclass="my-error-class"mencionado en el documento .

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

Aplicado a una etiqueta de campo de formulario (entrada, selección, área de texto ...), leerá el nombre del campo que se examinará a partir de cualquier nombre existente o atributos th: field en la misma etiqueta, y luego agregará la clase CSS especificada a la etiqueta. si dicho campo tiene errores asociados

Solo para agregar mi propia opinión, en caso de que pueda ser útil para alguien. Esto es lo que usé.

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

Otro uso más de th: class, igual que @NewbLeech y @Charles han publicado, pero simplificado al máximo si no hay un caso "else":

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

No incluye el atributo de clase si # fields.hasErrors ('contraseña') es falso.

Lo que mencionó @Nilsi es perfectamente correcto. Sin embargo, adminclass y user class deben estar entre comillas simples, ya que esto podría fallar debido a que Thymeleaf busca las variables adminClass o userclass que deberían ser cadenas. Dicho eso

debería ser: -

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

o solo:

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

Si está buscando agregar o eliminar una clase en consecuencia, si la URL contiene ciertos parámetros o no, esto es lo que puede hacer

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

Si la URL contiene 'casa', se agregará la clase activa y viceversa.

En caso de que alguien esté usando Bootstrap, pude agregar más de una clase:

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