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';
/* -]*/