thymeleaf給bootstrap自定義變量賦值

最近在作一件事情，前端用的是thymeleaf進行渲染，thymeleaf是經過 th的標籤來賦值對應的後端變量的。可是遇到一個尷尬的問題，bootstrap是能夠經過data-xxx，來自定義變量的，如何對這個變量進行賦值呢。

其實還蠻簡單的，經過 th:attr 這個變量就能夠了。

<button class="btn btn-primary" type="submit" data-toggle="modal" data-target="#myModal"
                                th:attr="data-id=${item.id},data-title=${item.title}" > 編輯 </button>

上面這串代碼，在渲染以後，就會變成

<button class="btn btn-primary" type="submit" data-toggle="modal" data-target="#myModal" "data-id=xxx data-title=xxx" > 編輯 </button>

這樣，在script中就能夠， 取到 id 和 title的值了。