十二、 thymeleaf内联语法

内联:th:inline,值有三种:text,javascript,none

12.1 th:inline="text"文本内联

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

11.2 th:inline="javascript"脚本内联

<script th:inline="javascript">
/*<![CDATA[*/
...
var username = /*[[${session.user.name}]]*/ 'Amy Guo';
...
/*]]>*/
</script>
/*[[${session.user.name}]]*/在thymeleaf解释器解析代码时会解析里面的[[${session.user.name}]]
加载静态页时会解析注释后面的语句 var username = 'Amy Guo';
Tips: js内联代码中需要加入/*<![CDATA[*/    ......    /*]]>*/代码块,thymeleaf才能正确解析一些运算符(<等)和操作符号&/&&等。
另外,javascript内联时有以下两个特性:
(1)javascript附加代码
语法:/*[+   +]*/  
/*[+
var msg = 'This is a working application';
+]*/
(2)javascript移除代码
语法:/*[- */    /* -]*/
/*[- */
var msg = 'This is a non-working template';
/* -]*/
 
 
05-11 11:03