MHLab blog
📜
thymeleaf

Thymeleaf에서 반복문(each) 안에 if문 사용하기

2018.04.22

주의

이 문건은 과거 Hexo 블로그 (2018-04-22) 에서 이동된 문서입니다.

시간이 지남에 따라 최신 기술과 다를 수 있으니 주의 바랍니다.


thumbnail


Thymeleaf에서 반복문 안에서 if문 사용하기

Thymeleaf에서 반복문을 사용하는 것은 여기 포스팅에서 다뤘었습니다.
이번에는 반복문 안에서 if문을 사용하여 반복문 안에서 값을 찾은 경우 값을 표시하는 방법을 다루겠습니다.

<span
  class="pull-right-container"
  th:each="[반복문 안의 객체 명] : ${[배열 또는 컬렉션 등의 객체]}"
  th:object="${[반복문 안의 객체 명]}"
  th:if="${[조회할 값]}"
>
  <small class="label pull-right bg-green">new</small>
</span>

위 소스코드는 참고용입니다.
하나씩 풀어서 설명을 하겠습니다.

먼저 예로 span 태그에 적용을 해본 것이며, 다른 태그에도 적용이 가능합니다.

th:each에서 배열 또는 컬렉션 객체를 선언하고 해당 컬렉션 내의 객체를 선언합니다.
예를 들면 List<String> strList = Arrays.asList("1","2","3") 으로 선언된 것을 사용한다면 다음과 같습니다.

th:each="str : ${strList}"

th:object에는 위 반복문의 객체, 예시의 str을 넣습니다.

그리고 th:if에서 조건을 적어주게 되면 해당 값이 맞을 때 small태그가 보여지게 됩니다.

위의 예제에 대한 사용 예를 보시고 싶으시면 이곳 포스팅을 참고하세요.


작은 개인광고 양해 바랍니다 ^^;;
👇 주인장이 직접 만든 서비스 👇
/static/29a05fefb322c94d5eb3f7d05c7c224e/myc_icon.png
Typescript
React
Next.Js
Nest.Js
마와셀(웹) - 와인 가격 비교
와인 가격 비교 서비스
postweb
/static/29a05fefb322c94d5eb3f7d05c7c224e/myc_icon.png
Dart
Flutter
hive
provider
마와셀(엡) - 와인과 셀러 관리, 시음노트
보유한 와인의 관리, 시음노트 작성, 보유 와인 셀러의 관리 어플리케이션
/static/d35d260fd4813f4a6d284a7f4fbcdf49/bcow_icon.png
Typescript
React
Next.Js
Nest.Js
흑우집합소(웹) - 로또번호 추천 서비스
로또번호 추천 서비스
/static/d35d260fd4813f4a6d284a7f4fbcdf49/bcow_icon.png
Dart
Flutter
drift
provider
흑우집합소(앱) - 로또번호 추천 서비스
로또번호 추천 서비스

© Powered by danmin