타임리프 th:each 다중 반복문 만들기

model.addAttribute("selectOption", selectOptions);
model.addAttribute("carDetail", carDetail);



return "myPage";

위에 코드 처럼 2가지의 db 테이블 정보를 마이 페이지에 보내고

<div  th:each="selectOption, s : ${selectOption}">
    <a ><div><img  src="" th:src="${carDetail[s.index].imgUrl}"></div></a>
    <div class="main-box2-body-container-item2" th:text="${selectOption.wholePrice}" ></div>
    </div>

이렇게 적으면 selectOption 의 값 하나,  carDetail 의 값 하나 이렇게 번갈아 가면서  반복문이 실행 된다.

 

원리는  each 구문에서  변수 s  (암거나 상관없음) 를 만들어주고  그아래  [s.index] 를 줘서 저절로 1,2,3,4~~~ 이렇게 인덱스가 커지면서 carDetail 에 있는것들이 반복되면서  값이 나오게 만들어 주는것이다.  

끝!!!!!!!