thymeleaf 內聯語法

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