Published 2022. 9. 4. 11:08

<th:block> 은 HTML 태그가 아닌 타임리프의 유일한 자체 태그다.

 

BasicController 추가

@GetMapping("/block")
public String block(Model model) {
 addUsers(model);
 return "basic/block";
}

 

 

/resources/templates/basic/block.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
</head>
<body>
<th:block th:each="user : ${users}">
 <div>
 사용자 이름1 <span th:text="${user.username}"></span>
 사용자 나이1 <span th:text="${user.age}"></span>
 </div> 
 <div>
 요약 <span th:text="${user.username} + ' / ' + ${user.age}"></span>
 </div>
</th:block>
</body>
</html>

 

 

실행 결과

<div>
사용자 이름1 <span>userA</span>
사용자 나이1 <span>10</span>
</div>
<div>
요약 <span>userA / 10</span>
</div>
<div>
사용자 이름1 <span>userB</span>
사용자 나이1 <span>20</span>
</div>
<div>
요약 <span>userB / 20</span>
</div>
<div>
사용자 이름1 <span>userC</span>
사용자 나이1 <span>30</span>
</div>
<div>
요약 <span>userC / 30</span>
</div>

타임리프의 특성상 HTML 태그안에 속성으로 기능을 정의해서 사용하는데, 위 예처럼 이렇게 사용하기 애매한 경우에 사용하면 된다. <th:block> 은 렌더링시 제거된다.

 

 

 

 

 

출처 : 김영한 MVC2 강의

'Spring > Thymeleaf' 카테고리의 다른 글

Thymeleaf - 템플릿 조각  (0) 2022.09.04
Thymeleaf - 자바스크립트 인라인  (0) 2022.09.04
Thymeleaf - 주석  (0) 2022.09.04
Thymeleaf - 조건부 평가  (0) 2022.09.04
Thymeleaf - 반복  (0) 2022.09.04
복사했습니다!