Thymeleafのあれこれ

Thymeleafにおけるアンダースコアの扱い

Thymeleafにおけるアンダースコア２つ（__）は、プリプロセッシング用の文字列のため、
属性のなかでアンダースコアが２つあるようなCSSのクラス名を指定するときは、バックスラッシュをつけて\_\_ とエスケープする必要がある。

Header__css__class__indexみたいなCSSのクラスをclass属性に設定しようとする場合
（indexは1~10の値が可変で入るとする）

<th:class="|Header__css__class__${index}|"/>

このままだと、アンダースコア（__）がパースされて画面表示されるときはHeadercssclass secondClass1みたいになってしまう。

下記のようにすると、きちんとHeader__css__class__1みたいになる

<th:class="|Header\_\_css\_\_class\_\_${index}|"/>

HTMLの標準のコメントだと、実際に表示されるページのソースに残ってしまう。
こんな感じに↓

それがパーサーレベルのコメントブロック  にすると、Thymeleafがそれをパースする際にテンプレートから削除してくれて、実際のページソースに残らなくなる。

Thymeleafはの間にあるもの全てを完全に削除するため、実際のHTMLには表示されない。

Thymeleafの全ての属性には数値の優先順位が定義されている。

isDisplayがtrueのときだけ、layouts/display.html が表示されてほしいとして、
下記のようなコードを書いたとする。

<th:block th:if="${isDisplay}" th:replace="layouts/display.html" />

しかし、Thymeleafが属性の評価をする優先順位により、
th:ifよりth:replaceのほうが先に評価されてしまうため、
isDisplayの真偽値に関わらず、layouts/display.htmlが表示されてしまう。

表示・非表示を切り分けたいブロックより上位に別のブロックを追加し、
そちらに判定文を記載する。

<th:block th:if="${isDisplay}" >
  <th:block th:replace="layouts/display.html" />
</th:block>