html - operator - thymeleaf tutorial
utilizando el atributo data-*con thymeleaf (2)
O puede usar este dialecto de Thymeleaf https://github.com/mxab/thymeleaf-extras-data-attribute y podrá hacerlo
<div data:el_id="${element.getId()}">
¿Puedo establecer el atributo data- * con thymeleaf?
Como entendí de la documentación thymeleaf intenté:
<div th:data-el_id="${element.getId()}"> <!-- doesn''t work -->
<div data-th-el_id="${element.getId()}"> <!-- doesn''t work -->
Sí, th:attr to the rescue Documentación de Thymeleaf - Configuración de valores de atributo .
Para su escenario, esto debería hacer el trabajo:
<div th:attr="data-el_id=${element.getId()}">
Las reglas XML no le permiten establecer un atributo dos veces en una etiqueta, por lo que no puede tener más de una th:attr en el mismo elemento.
Nota: Si desea más de un atributo, separe los diferentes atributos por comas:
<div th:attr="data-id=${element.getId()},data-name=${element.getName()}">