인프런 커뮤니티 질문&답변
작성한 질문수
th:each 사용법과 관련 질문입니다
작성
·
338
0
=========================================
[질문 템플릿]
1. 강의 내용과 관련된 질문인가요? (예/아니오) 예
2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 예
3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) 예
[질문 내용]
<div>
<div>등록 지역</div>
<div th:each="region : ${regions}" class="form-check form-check-inline">
<input type="checkbox" th:field="${item.regions}" th:value="${region.key}" class="form-check-input">
<label th:for="${#ids.prev('regions')}"
th:text="${region.value}" class="form-check-label">서울</label> </div>
</div>
each 반복이 돌아가면서 region에는 "서울","부산","제주" 이렇게 3개의 지역이 들어가기에 구문이 3번 반복됩니다. 그리고 구문이 반복되면서 region의 서울, 부산, 제주가 순서대로 대입되는 것까지 알겠습니다.
그런데 영상에서는 th:field="${item.regions}"
이렇게 했는데 현재 item.regions에는
List<String> regions; //서울, 부산, 제주서울, 부산, 제주가 이렇게 들어있는데
item.regions도 첫번째 구문 돌 때 서울
두번째 돌 때 부산
세번쨰 돌때 제주 이렇게 자연스럽게 대입이 되는 건가요?
요약하면 regions를 기준으로 each구문이 돌게했는데
th:field에 적용한 item.regions에 들어있는 항목도
순서대로 대입이 되는건지 궁금합니다.
답변 2
0
안녕하세요. 문재승님^^
해당 부분은 문자를 출력하는 부분이 아니라, 해당 부분을 통해서 체크박스에 체크를 할지 하지 않을지 선택하는 기능입니다. 추가로 강의 교재에 있는 다음 부분을 확인해주세요^^
타임리프의 체크 확인
checked="checked"
멀티 체크 박스에서 등록 지역을 선택해서 저장하면, 조회시에 checked 속성이 추가된 것을 확인할 수 있다.
타임리프는 th:field에 지정한 값과 th:value의 값을 비교해서 체크를 자동으로 처리해준다.
감사합니다.
0
안녕하세요. 문재승님, 공식 서포터즈 David입니다.
교재 오타로 보여집니다.
예상하신대로 *{regions}를 사용하는 게 맞습니다.
해당 코드는 교재가 아닌, 강의에서 제공하는 소스코드를 확인해 주세요.
<!-- multi checkbox -->
<div>
<div>등록 지역</div>
<div th:each="region : ${regions}" class="form-check form-check-inline">
<input type="checkbox" th:field="*{regions}" th:value="${region.key}" class="form-check-input">
<label th:for="${#ids.prev('regions')}"
th:text="${region.value}" class="form-check-label">서울</label>
</div>
</div>감사합니다.