티스토리 뷰

백엔드/ThymeLeaf

[Thymeleaf] 연산 표현 (연산, 조건 , elvis, no-opration)

거북이의 기술블로그 2024. 10. 17. 00:14

Thymeleaf 연산 표현

  • Html Entity의 경우, & ; 를 하지 않으면 그대로 문자로 출력되는 것을 주의해야함

 

 

비교 연산

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset='utf-8'>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> Thymeleaf 테스트 </title>
</head>
<body>
  <ul>
    <li>1 > 10 = <span th:text="1 &gt; 10"></span></li>
    <li> 1 > 10 = <span th:text="1 > 10"></span></li>
    <li> 1 == 10 = <span th:text=" 1 == 10 "></span></li>
    <li> 10 == 10 = <span th:text=" 10 &eq; 10"></span></li>
    
    <!-- true / false -->
    <li> true = <span th:text="${10 == 10}"></span></li>
  </ul>
</body>
</html>
  • Html Entity를 주의
  • th:text="${1 > 10} " 를 하게 되면, true / false의 결과가 표현됨

 

조건식 / Elvis / no-opration

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset='utf-8'>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> Thymeleaf 테스트 </title>
</head>
<body>
  <ul>
    <!-- 조건 -->
    <li>(10 % 2 == 0)? '짝수':'홀수' = <span th:text="${(10 % 2 == 0) ? '짝수' : '홀수'}"></span></li>
    
    <!-- Elvis -->
    <li><span th:text="${data}?:'데이터가 없습니다'"></span></li>
    
    <!-- no operation --> 
    <li>${data}?: _ = <span th:text="${data}?: _">데이터가 없습니다.</span></li>
  </ul>
</body>
</html>
  • 조건식
    • [조건] ? true : false
  • Elvis
    • ${data}?:false
    • data가 없으면, false 출력
    • data가 있으면, data 값 출력
  • no-operation
    • _ : ${data}가 없으면, th:text가 무시됨 (결국, 데이터가 없습니다 출력)
    • data가 있으면 ,data 출력

'백엔드 > ThymeLeaf' 카테고리의 다른 글

[Thymeleaf] 주석  (1) 2024.10.17
[Thymeleaf] 속성, 반복, 조건 (th:*, th:each,th:if)  (0) 2024.10.17
[Thymeleaf] 리터럴 (상수)  (0) 2024.10.16
[Tymeleaf] URL 링크 ( th:href="@~" )  (0) 2024.10.16
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/01   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함