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