版權聲明:本文爲 小異常 原創文章,非商用自由轉載-保持署名-註明出處,謝謝!
本文網址:https://blog.csdn.net/sun8112133/article/details/106991754
Thymeleaf 標準方言能夠使用標籤屬性(
th
)的方式來實現很多事情,比如置換 HTML 文本(th:text
)等,有的我們可能更喜歡直接將表達式寫到 HTML 標籤中,這種寫法我們稱爲是內聯。
一、內聯表達式
內聯表達式 可以將表達式放到文本中,這種方式我們稱爲是 內聯,而放到文本中的表達式我們把它稱爲是 內聯表達式。
1、語法
[[...]] 或 [(...)]
注意: [[...]]
或 [(...)]
分別對應於 th:text
和 th:utext
。
2、案例
假設
msg
的值爲This is <b>ZhangSan! </b>
。
<p>():The message is "[(${name})]"</p>
<p>[]:The message is "[[${name}]]"</p>
二、禁用內聯
我們可以考慮一個問題:如果有些文本內容是:
[1,2,3],[4,5]
這一類的內容,Thymeleaf 也會把它解析成 內聯表達式,這顯然不是我們想要的效果,那我們該怎麼辦呢?我們可以在某些位置禁用 內聯表達式。我們可以使用
th:inline="none"
的方式來禁用 內聯。
<!-- 當加入 th:inline="none" 後,Thymeleaf 就不會把 p 標籤中的內容解析民 內聯表達式 了 -->
<p th:inline="none">A double array looks like this: [[1,2,3],[4,5]]!</p>
三、其他資源中的內聯
我們在 CSS 和 JavaScript 中也可以使用內聯:
設:
classname="demo"
;bgcolor="red"
;username="hello world"
。
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
.[[${classname}]] {
background: [[${bgcolor}]];
}
</style>
<script>
var username = /* [[${username}]] */ "Thymeleaf hello!";
</script>
</head>