java - 在 thymeleaf 中包含 JavaScript 变量

Question

如何在 thymeleaf 中包含 JavaScript 变量以检查条件？

试过了:

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

但它不起作用。

Answer 1

您尝试执行的操作不起作用，因为 Thymeleaf 在服务器端处理模板，因此它可以访问的变量是在其模型中定义的变量。

如果您在运行 Thymeleaf 的模型中有 myVariable，它会起作用。 如果您想要在 Thymeleaf 模板中设置 Javascript 变量的值，您可以执行以下操作:

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

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

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

在脚本中你可以有任何你想要的逻辑，包括隐藏/显示等。

查看 this模式详细信息的部分文档。