与thymeleaf使用data- *属性

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

正如我从thymeleaf文档中所理解的,我尝试过:

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

是, 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()}"> 

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

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