thymeleafからjavascript関数に変数を渡しますか？

Question

私は外部のJavaScriptファイルの関数に与える必要があるコントローラから渡された変数を持つhtmlファイルthymeleafを持っています。 どうすればいいですか？

function myFunction(id){ 

} 

Answer 1

あなたが行うことができます。

私はそこに機能があります内側

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

だ関数にそのIDを渡す必要が

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

のような変数を取得することができますこのようなもの：

あなたのjsの関数で次に10

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

：私はjqueryのを使用しますが、プリンシペが同じである

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

注意。

JSの機能コードが（外部ファイルを.jsファイルではない）あなたのHTMLページにある場合は、次のようにモデル値にアクセスすることができます。

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