MHLab blog
📜
thymeleaf

Thymeleaf에서 반복문 사용 및 index 값 사용하기

2018.02.18

주의

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

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


thumbnail


Thymeleaf에서 반복문 그리고 index 사용하기

thymeleaf에서 table 태그와 같이 안의 셀 내용을 반복적으로 표시해야 하는 경우(대표적으로 게시판이 있죠?)에 for와 같은 loop를 사용하게 됩니다.

<tbody>
  <tr th:each="dto : ${report.getLightFileDtoList()}">
    <td th:text="${dto.getByteSize()}"></td>
  </tr>
</tbody>

위의 예제와 같이 사용을 합니다.
그런데 이렇게 loop식으로 사용하는 것 외에도 특정 반복 인덱스에서 무언가 작업 처리를 해야 할 때가 있습니다.
그런 경우 다음의 예제와 같이 사용합니다.

<tr th:each="fInClient,index : ${factory.getFactoryClientList()}">
  <td>
    <input
      type="text"
      class="form-control"
      id="client_name_0"
      th:value="${fInClient.getName()}"
    />
  </td>
  <td>
    <th:block th:if="${index.index} > 0">
      <button type="button" class="btn btn-danger">
        <i class="fa fa-minus"></i>
      </button>
    </th:block>
  </td>
</tr>

<tr></tr>

첫 번째 인자는 each항목에서 반복문에서 나온 값이며, 두 번째 인자는 loop 인덱스의 값으로써 접근은 ${index.index} 할 수 있습니다.


작은 개인광고 양해 바랍니다 ^^;;
👇 주인장이 직접 만든 서비스 👇
/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