Thymeleafでdata-*属性を使用する 質問する

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 -->

ベストアンサー1

はい、th:attr救助に向かいますThymeleaf ドキュメント - 属性値の設定

あなたのシナリオでは、これでうまくいくはずです:

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

th:attrXML ルールでは、タグ内で属性を 2 回設定することは許可されていないため、同じ要素内に複数の属性を持つことはできません。

注: 複数の属性が必要な場合は、各属性をコンマで区切ります。

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

おすすめ記事