Including JavaScript variable inside thymeleaf

java html spring web thymeleaf
Deepak Ramakrishnan Kalidass picture Deepak Ramakrishnan Kalidass · Mar 22, 2014 · Viewed 26.4k times · Source

How do I include a JavaScript variable inside thymeleaf for checking a condition?

Tried:

<div th:if="${myVariable == 5}">
 //some code
</div>

but it's not working.

Answer

geoand picture geoand · Mar 22, 2014

What you are trying to do won't work, since Thymeleaf processes the template on the server side and therefore the variables it has access to are the ones defined in it's model.

If you had myVariable in the model on which Thymeleaf is operating, it would work. If what you want is to set the value of a Javascript variable in a Thymeleaf template, you can do the following:

<script th:inline="javascript">
/*<![CDATA[*/
    ...

    var myVariable= /*[[${myVariable}]]*/ 'value';

    ...
/*]]>*/
</script>

Inside the script you could have any logic you want including hide/show etc.

Check out this part of the documentation for mode details.

Related questions

How to return a html page from a restful controller in spring boot?

I want to return a simple html page from controller, but I get only the name of the file not its content. Why? This is my controller code: @RestController public class HomeController { @RequestMapping("/") public String welcome() { return "login"; } } This is …

Read More
Thymeleaf: how to use conditionals to dynamically add/remove a CSS class

By using Thymeleaf as template engine, is it possible to add/remove dynamically a CSS class to/from a simple div with the th:if clause? Normally, I could use the conditional clause as follows: <a href="lorem-ipsum.html" …

Read More
setting up a value for a variable name in thymeleaf

I am new to Thymeleaf and converting my Web page from JSP to Thymeleaf. I have a strut tag like this: <c:set var="someVariable" value="${someValue}"/> That variable can be used anywhere in JSP. Is there any …

Read More