在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 热门回答(155 赞)

是的,th:attr来救援Thymeleaf documentation - Setting attribute values

对于你的方案,这应该做的工作:

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

XML规则不允许你在标记中设置两次属性,因此在同一元素中不能有多个th:attr

注意:如果你想要多一个属性,请用逗号分隔不同的属性:

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

#2 热门回答(8 赞)

或者你可以使用这个Thymeleaf dialecthttps://github.com/mxab/thymeleaf-extras-data-attribute并且你可以做到

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