Java
Thymeleaf

Thymeleaf 3で属性値へ動的に値を埋め込み&テキストを追加したい場合


概要

概ねここに書いてある通りなのだけど、JavaScriptの引数が文字列のパターンではまったので。

Thymeleaf3で属性値へ動的に値を埋め込み&テキストを追加したい場合


JavaScriptと関連する属性の場合

シングルクォーテーションを円マークでエスケープしてあげればよい。

<a href="#" th:attr="onclick='alert(\'aaaa' + ${page} + '\');'" >

と書く。

この時に、エスケープする前後に見やすいからとスペースを入れると、入れたスペースも忠実に反映されるので注意。