using thymeleaf之十一内联

11 thymeleaf内联语法

内联必须通过使用属性th:inline来激活，其值有三种：text,javascript,none

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

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

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

<script th:inline="javascript">
/*<![CDATA[*/
var welcome = [[${welcome}]];
//通过th:inline="javascript"方式
// alert('th:inline="javascript"'+welcome);
/*]]>*/
</script>

在这里需要对以上代码进行一下说明，js内联代码中需要加入/*<![CDATA[*/    ......    /*]]>*/代码块，thymeleaf才能正确解析一些运算符(<等)和操作符号&/&&等。

另外,javascript内联时有以下两个特性：

(1)javascript附加代码

语法：/*[+   +]*/  

如：
/*[+
var msg  = 'This is a working application';
+]*/

(2)javascript移除代码
语法：/*[- */    /* -]*/

如：

/*[- */
var msg  = 'This is a non-working template';
/* -]*/