Thymeleaf模板：将图像路径转换为HTML5属性

Question

我试图将图像路径插入HTML 5属性。我测试过这样的情况：

<option value="en" th:data-imagesrc="@{/images/en.png}"> 
    English 
</option> 

和

<option value="en" data-imagesrc="@{/images/en.png}"> 
    English 
</option> 

但是这两种情况下都失败了。 设置HTML 5属性的正确方法是什么？src或th：href？

Answer 1

使用th:attr

在你的情况

<option value="en" th:attr="data-imagesrc='__@{/images/en.png}__'"> 
    English 
</option> 

或有第三方库像HTML5数据ATTRS创建

https://github.com/mxab/thymeleaf-extras-data-attribute