溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

在Thymeleaf中如何正確的使用th:each和th:if方法

發(fā)布時間：2020-11-05 17:11:35 來源：億速云 閱讀：1247 作者：Leah 欄目：開發(fā)技術(shù)

在Thymeleaf中如何正確的使用th:each和th:if方法？相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

一、th:each

作用：用于遍歷controller層發(fā)送過來的集合。

例：

Controller代碼：

@Controller
public class HelloController {
  @RequestMapping("/success")
  public String success(Map<String,Object> map){
    map.put("users", Arrays.asList("張三","李四","王五"));
    return "success";
  }
}

下面我們通過th:each屬性在html頁面將其遍歷顯示出來

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <h5 th:text="${user}" th:each="user:${users}"></h5>
</body>
</html>

講解：

th:each="user:${users}"

　　其中${users}是將取出名為users的List集合，每次遍歷取出List集合中的一個元素賦值給user

注意：th:each每次遍歷都會生成一個包含它的標(biāo)簽，如我們舉的這個例子，users中一共有三個元素，所以會遍歷三次，每次都會生成一個h5標(biāo)簽

二、th:if

Thymeleaf 的條件判斷是 通過 th:if 來做的，只有為真的時候，才會顯示當(dāng)前元素

<p th:if="${testBoolean}" >如果testBoolean 是 true ，本句話就會顯示</p>

取反可以用not, 或者用th:unless.

<p th:if="${not testBoolean}" >取反 ，所以如果testBoolean 是 true ，本句話就不會顯示</p>
<p th:unless="${testBoolean}" >unless 等同于上一句，所以如果testBoolean 是 true ，本句話就不會顯示</p>

除此之外，三元表達(dá)式也比較常見

<p th:text="${testBoolean}&#63;'當(dāng)testBoolean為真的時候，顯示本句話，這是用三相表達(dá)式做的':''" >

看完上述內(nèi)容，你們掌握在Thymeleaf中如何正確的使用th:each和th:if方法的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手