与thymeleaf使用data- *属性

我可以设置数据属性与thymeleaf？

正如我从thymeleaf文档中所理解的，我尝试过：

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

Answer 1

是， th:attr拯救Thymeleaf文档 – 设置属性值 。

对于你的情况，这应该做的工作：

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

XML规则不允许您在标签中设置两次属性，所以在同一个元素中不能有多于一个th:attr 。

注意：如果您需要更多的属性，请使用逗号分隔不同的属性：

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

Answer 2

或者你可以使用这个Thymeleaf方言https://github.com/mxab/thymeleaf-extras-data-attribute ，你就可以做

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