1. 程式人生 > >設定屬性值-Thymeleaf常見用法(三)

設定屬性值-Thymeleaf常見用法(三)

設定屬性值

任何屬性

使用 th:attrib 設定某屬性的值

<form action=“ subscribe.html” th:attr=“ [email protected]{/subscribe}” >

結果這樣:

<form action= “ /subscribe” > 賦值或者重新設定值

重新設定img標籤的屬性值

<img src=“ ../../images/gtvglogo.png”

th:attr=“ [email protected]{/images/gtvglogo.png}, title=#{logo}, alt=#{logo}” />

設定特定屬性的值

使用 th:* ,其中的*是想設定到特定屬性。

比如打算設定value,那麼使用 th:value,設定action的值,使用th:action即可

內建很多屬性,詳見使用手冊 5.2 章節

一次性設定多個值

使用 th:arrtib1-attrib2

th:alt-title will set alt and title .

th:lang-xmllang will set lang and xml: lang .

附加

使用 th:attrappend 後面附加 th:attrprepend 前面附加

比如新增另外一個css樣式,新增到class裡面。

可以使用 th:classappend and th:styleappend,前者新增一個css的樣式,後者新增style內容

固定值的布林型別

在html中,有一種標籤,沒有值,按照一定的方式出現,它的值 true,但是在xhtml中,它的值是它本身。比如表單中的checked屬性。

<input type=“ checkbox” name=“ option2” checked /> <! - - HTML - - >

<input type=“ checkbox” name=“ option1” checked=“ checked” /> <! - - XHTML - - >

當user.active值為true的時候,checked被設定成true,否則不設定

<input type=“ checkbox” name=“ active” th:checked=“ ${user.active}” />

設定任意屬性 使用預設的處理器

th:* 就算*中屬性不存在於html tags中,仍然設定,例如:

<span th:whatever=“ ${user.name}” >…</span>

結果如下:

<span whatever=“ John Apricot” >…</span>

友好的支援html5標籤和元素名

<table>

<tr data- th- each=“ user : ${users}” >

<td data- th- text=“ ${user.login}” >…</td>

<td data- th- text=“ ${user.name}” >…</td>

</tr>

</table>

data-{prefix}-{name}是一種標準的方式來定義h5屬性,不需要使用namespace,th:

th:text= 等價於 th-text=