I want to call javascript function in 'th:if'. This is my code.
<li th:each="dto, stat : ${list}" th:if="${stat.count>10}">
<span th:if="'javascript:isNew('+${dto.regDts}+');'">blah blah</span>
</li>
...
<script th:inline="javascript">
function isNew(date) {
if (...) {
return true;
}
return false;
}
</script>
but it doesn't call isNew().
so when I wrote like this...
<span th:if="isNew(${dto.regDts});">blah blah</span>
i got an error.
how can I call javascript function in "th:if"?
Thymeleaf generates HTML in the server and passes that to the browser. At that point, Thymeleaf is no longer "active". JavaScript runs in the browser using the HTML that Thymeleaf has generated. So it is impossible to do what you want like this.
The easiest solution is to add an extra method or property on the Java object that is used. Suppose you add an isNew() method on your dto, then you can do:
<li th:each="dto, stat : ${list}" th:if="${stat.count>10}">
<span th:if="${dto.new}">blah blah</span>
</li>