thymeleaf 使用中遇到的小问题

引入依赖

使用 SpringIniter 快速构建项目,
修改默认依赖版本,Spring Boot, 默认依赖的是低版本的 Thymeleaf，低版本的 Thymeleaf 不能解析 HTML5 格式的 HTML 代码，而是把 HTML 当成 XML 解析，所有标签必须闭合！

<!-- 覆盖thymeleaf版本依赖 -->
<properties>
    <thymeleaf.version>3.0.2.RELEASE</thymeleaf.version>
    <thymeleaf-extras-java8time.version>3.0.0.RELEASE</thymeleaf-extras-java8time.version>
    <thymeleaf-layout-dialect.version>2.0.5</thymeleaf-layout-dialect.version>
</properties>

将 Spring Boot 默认依赖的 thymeleaf 版本替换为我们定义的版本

js 取值

js 获取 thymeleaf 中的变量的值

<script th:inline="javascript">
var data = [[${data}]]
</script>

另外一种就是使用隐藏域：

<input type="hidden" th:value=“${data} ” id="data">  

js :  var data=${"#data"}.val()