jsを外部ファイルにするとthymeleafのタグが使用できなくなります。
HTML側ソース
<script type="text/javascript" th:inline="javascript" th:src="@{/js/test.js}"> </script> <script type="text/javascript" th:inline="javascript"> /*<![CDATA[*/ { let url = /*[[#{test}]]*/; alert(url);//① url = test(); alert(url);//② } /*]]>*/ </script>
JS側ソース(test.js)
/* <![CDATA[ */ function test(){ var url = /*[[#{test}]]*/; return url }; /* ]]> *
としています。
①の場合はtestの値が表示されますが、②はブラウザで以下のエラーが表示されアラートが表示されません。
「test.js」がインクルードできていないようです。
/*[[#{test}]]*/
を'hoge'
にすると正常に動きます。
Uncaught ReferenceError: test is not defined
外部化したjavascriptでthymeleafを使用する方法をご教授お願いします。
回答2件
あなたの回答
tips
プレビュー