[Thymeleaf] 타임리프 속성

 

1. th:each (반복문) - 순서대로 list = 사용할 변수명, i = 인덱스, ${} = 받을 리스트 객체

<select class="form-control" id="ComId" name="ComId">
    <option value="">선택</option>
    <option th:each="list, i : ${comList}" th:value="${list.getCodeName()}" th:text="${list.getDescription()}"></option>
</select>

 

 

2. th:with (변수사용) - th:with="변수1=xxx, 변수2=yyy" 식으로 여러 개의 변수 선언 가능

<div class="col-md-12" th:with="dataFlag=${(formData== null || formData.getDataId() == '') ? false : true}">
    <input type="text" id="pernrId" name="pernrId" th:value="${dataFlag? formData.pernrId() : ''}"/>
</div>

 

 

3. th:value (값 넣기)

<input type="hidden" id="dataId" name="dataId" th:value="${formData.getDataId()}"/>

 

 

4. th:text (텍스트 넣기)

<span th:text="${dataInfo.getDataName()}"></span>

 

 

5. th:attr (속성 추가)

<div class="checkbox">
    <p>허용 여부</p>
    <label><input type="radio" name="isPerm" value="1" th:attr="checked=${formData.getIsPerm().toString() == '1' ? 'true' : 'false'}">예</label>
    <label><input type="radio" name="isPerm" value="0" th:attr="checked=${formData.getIsPerm().toString() == '0' ? 'true' : 'false'}">아니오</label>
</div>

 

 

6. th:classappend (클래스 추가)

<li class="nav-item" th:classappend="${data != null} ? 'dropdown' : ''"></li>

 

 

7. th:action

<form id="dataForm" th:action="@{/services/data/add}" method="POST"></form>

 

 

8. th:href

<link rel="stylesheet" th:href="@{/css/ui.jqgrid-bootstrap.css}">

 

 

9. th:if (조건문)

<div class="modal-footer" th:if="${dataInfo.getOrder() <= 2}">
    <a class="btn" onclick="save();">등록</a>
    <a class="btn" onclick="delete();">삭제</a>
</div>

 

 

 

#타임리프, #thymeleaf, #타임리프속성, #타임리프class추가, #타임리프if, #타임리프반복문