More than 5 years have passed since last update.

Javascript内でThymeleafを使う方法

Last updated at 2018-09-14Posted at 2017-05-16

scriptタグ内で、Tymeleafを使いたいことがあったので共有。

Thymeleaf 3.0から使えます。

（例）こう書きたい


<script>
  <th:block th:if="${!isAlive}">
   if(true){
     console.log('true');
   }
  </th:block>
</script>

しかしエラーになる。

なので、以下のように書く

① th:inline="javascript" を記入
② [#name ...] or [# ...] に変更

<script th:inline="javascript">
  [#th:block th:if="${!isAlive}"]
   if(true){
     console.log('true');
   }
  [/th:block]
</script>

省略して、こう書くことも可能


<script th:inline="javascript">
  // 省略系
  [# th:if="${!isAlive}"]
   if(true){
     console.log('true');
   }
  [/]
</script>