我是 Thymeleaf 的新手,我的任务是添加带有动态内容的工具提示。如果我使用titleordata-original-title属性,我可以将 HTML 标记插入到工具提示中,但变量值不会呈现。如果我使用该th:title属性,我可以获得所需的变量值,但它不是 HTML 标记。
有什么建议吗?
<div data-toggle="tooltip" data-placement="bottom" title="<div class='row' style='color: white; background-color: black; border-radius: 10px'>
<div class='col-sm-6' style='margin:10px 2px;'>
<div class='text-left' th:text='${sku.name}'>name:</div>
<div class='text-left' th:text='${sku.price}'>name:</div>
</div>
</div>"
data-html="true" th:text="${sku.name}"></div>
Run Code Online (Sandbox Code Playgroud)