将变量从 thymeleaf 传递给 javascript 函数？

Question

我有一个 html 文件，thymeleaf，它有一个从控制器传递的变量，我需要将其提供给外部 javascript 文件上的函数。我该怎么做呢 ？

我可以获得像这样的变量

<label th:utext="${id}" ></label>

我需要将该 id 传递给内部的函数

<script th:src="@{/js/myfunctions.js}" type="text/javascript"></script>

那里有一个功能：

 function myFunction(id){

}

原文由 user8726587 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你可以这样做：

 <input type="hidden" id="yourId" th:value="${id}"/>

然后在你的js函数中：

 function myFunction(){
 var val = $("#yourId").val();
}

请注意，我使用的是 Jquery，但原理是一样的。

如果 JS 函数代码在您的 html 页面中（不是 .js 外部文件），您可以像这样访问模型值：

 function myFunction(){
  var val = "${id}";
}

原文由 akuma8 发布，翻译遵循 CC BY-SA 3.0 许可协议