Spring Boot Thymeleaf 在 JavaScript 代码中的使用
Spring Boot Thymeleaf JavaScript 大约 725 字[[]]
在JavaScript
代码中渲染变量,使用[[${var}]]
,会转义特殊HTML
字符。
[()]
在JavaScript
代码中渲染变量,使用[(${var})]
,不会转义特殊HTML
字符。
注释
在Thymeleaf
中使用JavaScript
中的/*...*/
注释,再加上Thymeleaf
的特定标签,会自动渲染成变量。
同样也方便直接查看HTML
而不报错,也保证IDEA
等开发工具不报错。
渲染数组
对于字符串数组,只能使用循环,进行遍历组装。
<script th:inline="javascript">
let strings = [
/*[# th:each="str : ${strArr}"]*/
"[(${str})]",
/*[/]*/
];
</script>
条件判断
<script th:inline="javascript">
/*[# th:if="${#lists.isEmpty(customArr)}"]*/
console.log("empty list");
/*[/]*/
</script>
渲染变量
这里的**"占位符"**不会被渲染,Thymeleaf
会自动找到${content}
替换。
<script th:inline="javascript">
let content = /*[[${content}]]*/ "占位符";
let arr = /*[[${arr}]]*/ [];
</script>
阅读 124 · 发布于 2023-08-22
————        END        ————
Give me a Star, Thanks:)
https://github.com/fendoudebb扫描下方二维码关注公众号和小程序↓↓↓

昵称:
随便看看
换一批
-
MongoDB 指定配置文件启动阅读 2366
-
Windows PowerShell 使用 Test-NetConnection 测试网络连接阅读 3128
-
Android 音量调节阅读 4059
-
软考-系统架构设计师:CISC 与 RISC阅读 3399
-
PostgreSQL 获取本月第一天时间戳等信息阅读 4899
-
OpenResty 使用 lua-resty-upload 上传文件阅读 2435
-
MySQL 存储 Emoji 表情阅读 1376
-
Windows 安装包管理器 choco阅读 1951
-
Linux grep 转义特殊符号阅读 11089
-
软考-系统架构设计师:数据仓库与数据挖掘阅读 1974