从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

内联HTML示例：

####################################################################################################

Answer 2

像这样传递一个变量：

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

Answer 3

你可以这样做：

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

然后在js函数中：

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

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

如果JS函数代码位于html页面（而不是.JS外部文件）中，则可以如下方式访问模型值：

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