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的值了。