将变量从 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){

}

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}";
}

Answer 2

传递这样的变量：

<script th:inline="javascript"}">myFunction(/*[[${id}]]*/);</script>

Answer 3

内联 HTML 示例：

th:onclick="${'myFunction(' + id + ');'}"

Answer 4

试试这个：（聚会有点晚）

<script type="text/javascript" th:inline="javascript">

th:attr="onChange=|yourFunction(${id})|" </script>

Answer 5

这是一个例子：

//for parameter
function myfunction ([[${id}]]){
    //this is for address rout 
    window.location=[[@{/user}]]
}

使用[[]]并放置 thymleaf 表达式