如果想直接写html文本.
- 1基本内连写法
<span>[[${content}]]</span>
<br/>
<span>[(${content})]</span>
image.png
[[]] 等价于 th:text
[()] 等价于 th:utext
- 2,禁用内连
如果我们真的想输出[[]],需要将标签的内联禁用;
<span th:inline="none">[(${content})]</span>
- 3,javascript内连
需要先在script上声明使用javascript模式的内连,javascript会对文本做一些引号的处理
<script th:inline="javascript">
$(function(){
var test = [[${user}]];
console.log(test);
})
</script>
内连注释,当使用紧跟着的注释后,原本的后面的内容会被忽略.
<script th:inline="javascript">
$(function(){
var test =/*[[${user}]]*/ '张三';
console.log(test);
})
</script>
对象的内连,下面把一个user对象赋值给js,结果输出一个js对象
<script th:inline="javascript">
$(function(){
var u=/*[[${users[0]}]]*/ '张三';
console.log(u);
})
</script>
image.png
- 4,css 内联
<style type="text/css" th:inline="css">
.[[${class}]]{
color: [[${color}]];
}
</style>
