Setting up a JavaScript variable from Spring model by using Thymeleaf

Question

I am using Thymeleaf as template engine. How I pass a variable from Spring model to JavaScript variable?

Spring-side:

@RequestMapping(value = "message", method = RequestMethod.GET) public String messages(Model model) {     model.addAttribute("message", "hello");     return "index"; } 

Client-side:

<script>     ....     var m = ${message}; // not working     alert(m);     ... </script> 

Answer 1

According to the official documentation:

<script th:inline="javascript"> /*<![CDATA[*/      var message = /*[[${message}]]*/ 'default';     console.log(message);  /*]]>*/ </script> 

Answer 2

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