thymeleaf给bootstrap自定义变量赋值

最近在作一件事情,前端用的是thymeleaf进行渲染,thymeleaf是经过 th的标签来赋值对应的后端变量的。可是遇到一个尴尬的问题,bootstrap是能够经过data-xxx,来自定义变量的,如何对这个变量进行赋值呢。html

其实还蛮简单的,经过 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>

上面这串代码,在渲染以后,就会变成bootstrap

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

这样,在script中就能够, 取到 id 和 title的值了。后端

相关文章
相关标签/搜索