如何在js模板中使⽤thymeleaf
模板引擎不仅可以渲染html,也可以对JS中的进⾏预处理。⽽且为了在纯静态环境下可以运⾏,其Thymeleaf代码可以被注释起来:<script inline="javascript">
const user =/*[[${user}]]*/{};
const age =/*[[${user.age}]]*/20;
console.log(user);
thymeleaf用法console.log(age)
</script>
在script标签中通过th:inline="javascript"来声明这是要特殊处理的js脚本
1语法结构:
const user =/*[[Thymeleaf表达式]]*/"静态环境下的默认值";
因为Thymeleaf被注释起来,因此即便是静态环境下, js代码也不会报错,⽽是采⽤表达式后⾯跟着的默认值。
看看页⾯的源码:
我们的User对象被直接处理为json格式了,⾮常⽅便。
控制台:

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。