Thymeleaf2.xでの「少し困った！」に役立つミニリファレンス集

Thymeleafを使用した開発で、実際に少し困ったことについてまとめてみました。

これから利用する方の役に立てればと思います。

変数${}の前後に__を追加し、__${}__の形にする。

<a th:href=“@{/hoge/__${e.no}__/add}">hoge</a>

変数に定義した文字列をリンクとして展開する場合、@{}内に${}で変数を定義する。

<!-- 通常の文字指定 -->
<form th:action=“@{/hoge}” method=“post”>

<!-- 変数指定 -->
<form th:action=“@{${hoge}}” method=“post”>

<span th:attr="data-hoge=${hoge}">hoge</span>

「|」で括る

<span th:text=“|${hoge}です。|”/>

<script>タグにth:inline="javascript"を追加し、/*<![CDATA[*/と/*]]>*/で括る。
その中での変数は、/*[[と]]*/で括る。

<script th:inline="javascript">
/*<![CDATA[*/
    /*[[@{/hoge}]]*/
/*]]>*/
</script>

変数を/*[+と+]*/で括る。

<script th:inline="javascript">
/*<![CDATA[*/
    var val = "aaa" + /*[+ [[${hoge}]]  +]*/;
/*]]>*/
</script>

Thymeleafでは、比較演算子がそのままでは使えないので、次の標記を使用する。

パスを含む変数を比較したい場合、''で変数を文字列化すると比較できる。

<span th:if="${'__*{path}__' == '/hoge'}">hoge</span>

ソフラボの技術ブログ