Estoy tratando de insertar código HTML con JavaScript, pero el navegador no muestra Thymeleaf renderizado
$('<span [[$ th:text#{some.property.key}]] id="counter" class="UI-modern"> </span>').insertAfter("#article");Código HTML
<p id="article">Example text</p>La clave alguna.propiedad.clave es la propiedad. En Thymeleaf se vería así:
<span th:text="#{some.property.key}" id="counter" class="UI-modern"> </span>Me gustaría escribir el código anterior con JavaScript jquery insertAfter () debajo de la identificación "artículo"
Thymeleaf no funciona en archivos .js. No está claro por qué no puede simplemente cambiar este elemento usando Thymeleaf como el ejemplo que dio. Puede darle a ese intervalo una ID y luego hacer referencia a él con JS
En lugar de tratar de usar los atributos HTML de Thymeleaf en JavaScript, puede usar la inserción de JavaScript y construir su HTML de esa manera. Por ejemplo:
<script th:inline="javascript"> let text = /*[[#{some.property.key}]]*/ ""; $('<span id="counter" class="UI-modern"></span>').text(text).insertAfter("#article"); </script>