一.文本內聯
[[…]]之間的表達式在Thymeleaf被認為是內聯表達式,在其中您可以使用任何類型的表達式,也會有效th:text屬性。
<p>Hello, [[${session.user.name}]]!</p>
等同於：
<p>Hello, <span th:text="${session.user.name}">Sebastian</span>!</p>
為了讓內聯工作,我們必須激活它使用th:inline 屬性,它有三個可能的值或模式(text, javascript 和 none)。讓我們試着文本:
<p th:inline="text">Hello, [[${session.user.name}]]!</p>
如果不使用th:inline="text",則會被當做字符串顯示。th:inline="javascript"表示能在js中使用[ [] ]取值。
標簽的th:inline不需要包含內聯的一個表達式，任何父標簽都行，例如如下也是可以的：
<body th:inline="text"> ... <p>Hello, [[${session.user.name}]]!</p> ... </body>
二.腳本內聯
Thymeleaf提供一系列的“腳本”的內聯模式功能,這樣你就可以將你的數據在腳本中創建一些腳本語言。
我們可以做的第一件事,寫腳本內聯表達式的值到我們的腳本。
<script th:inline="javascript"> var user = [[${user.username}]]; alert(user); </script>
<script th:inline="javascript"> var msg = 'Hello, ' + [[${user.username}]]; alert(msg); </script>
只要加入th:inline="javascript"在js代碼中才能使用[ [] ]