5. 内联

[[...]]是内联文本的表示格式,但需要使用th:inline属性(分为text,javascript,none)激活.

5.1 文本内联   

 <p th:inline="text">Hello, [[${session.user.name}]]!</p>  

5.2 脚本内联

<script th:inline="javascript">
  /*<![CDATA[*/
     ...
    var username = /*[[${session.user.name}]]*/ 'Sebastian';
    ...
  /*]]>*/
</script>
Note: 1.脚本注释/* */中的内容会在浏览器端静态打开页面时被忽略; 2.thymeleaf解析模板时会把后面的文本'Sebastian'移除.
 
附:

JavaScript内联时特性

<1>javascript附加代码

语法:
/*[+   +]*/

/*[+
var msg = 'This is a working application';
+]*/

<2>javascript移除代码

语法:
/*[- */    /* -]*/
/*[- */
var msg = 'This is a non-working template';
/* -]*/
05-25 21:13