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