Thymeleaf-获取dom元素属性

Question

我使用Thymeleaf创建html组件。组件在单独的文件中声明：

buttons.html中基本按钮的声明

<div th:fragment="btn-basic" class="btn btn-basic" th:text="${text}" th:classappend="${class}">
    Button
</div>

这个想法是为组件提供某种类型的工具集。使用此组件的代码将是：

<div th:replace="~{buttons :: btn-basic (text='Button Text', class='button-class')}"></div>

它运行良好，但我考虑了按钮需要具有以下属性的情况：onClick="..."或data-CustAttr="..."或任何其他属性。问题来了：

• 如何将属性传递给按钮？
• 一种方法是将其作为片段的参数传递，但它太丑了。
• 有什么方法可以获取片段中占位符的属性吗？（见下面的示例）

我想这样调用片段：

<div th:replace="~{buttons :: btn-basic (text='Button Text', class='button-class')}" onclick="..." data-customAttr="..."></div>

并且在btn-base片段中想要获取这些属性并附加到它。类似于这样：

<div th:fragment="btn-basic" class="btn btn-basic" th:text="${text}" th:classappend="${class}" onclick="..." data-customAttr="...">
    Button
</div>

有什么想法吗？

Answer 1

我有一个类似的想法，但问题是，如果组件的定制像结果一样复杂，那么好处是什么？

顺便说一句，使用Thymeleaf布局方言，您可以执行以下操作：https://ultraq.github.io/thymeleaf-layout-dialect/Examples.html#reusable-我喜欢模板，而不是一切作为参数的方法。