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