thymeleaf 学习笔记4

Posted 2020-07-26 nuoyi

十二、 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‘;
/* -]*/