如果想直接写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>