Spring Boot Thymeleaf 在 JavaScript 代码中的使用
Spring Boot Thymeleaf JavaScript About 725 words[[]]
在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>
Views: 1,071 · Posted: 2023-08-22
————        END        ————
Give me a Star, Thanks:)
https://github.com/fendoudebb/LiteNote扫描下方二维码关注公众号和小程序↓↓↓
Loading...