[解決済み] thymeleafでdata-*属性を使用する。

質問

thymeleafでdata-*属性を設定することはできますか？

thymeleafのドキュメントで理解したとおり、試してみました。

<div th:data-el_id="${element.getId()}"> <!-- doesn't work -->

<div data-th-el_id="${element.getId()}"> <!-- doesn't work -->

どのように解決するのですか？

はい。 th:attr を使うことで Thymeleaf documentation - 属性値を設定する .

あなたのシナリオでは、これが仕事をするはずです。

<div th:attr="data-el_id=${element.getId()}">

XMLの規則では、1つのタグに2回属性を設定することはできないので、2つ以上の th:attr を同じ要素に設定することはできません。

注意：複数の属性が必要な場合は、異なる属性をカンマで区切ってください。

<div th:attr="data-id=${element.getId()},data-name=${element.getN‌​ame()}">