html - 在 thymeleaf 中使用 data-* 属性

Question

我可以用 thymeleaf 设置 data-* 属性吗？

正如我从 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 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()}">