Setting up a JavaScript variable from Spring model by using Thymeleaf
According to the official documentation:
<script th:inline="javascript">/*<![CDATA[*/ var message = /*[[${message}]]*/ 'default'; console.log(message);/*]]>*/</script>
Thymeleaf 3 now:
Display a constant:
<script th:inline="javascript">var MY_URL = /*[[${T(com.xyz.constants.Fruits).cheery}]]*/ "";</script>Display a variable:
var message = [[${message}]];Or in a comment to have a valid JavaScript code when you open your template file in a static manner (without executing it at a server).
Thymeleaf calls this: JavaScript natural templates
var message = /*[[${message}]]*/ "";Thymeleaf will ignore everything we have written after the comment and before the semicolon.
More info: http://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#javascript-inlining