제어문 처리 ( Thymeleaf편 ) - 1 -

Thymeleaf 에서 제어문 처리를 어떻게 하는지 알아보자

 

마찬가지로 th: 를 적고 원하는 처리 값을 입력 하는 방식이다.

 

th:if 는 보이는 대로 if문인데 다른 언어와 다른 점이 존재한다.

다른 언어들은 if~ else 가 하나의 묶음으로 처리가 되지만

이 언어는 단독으로 처리 된다.

 

다음 코드를 보자

<ul>
	<li th:each="dto, state : ${list}" >
    	<span th:if="${dto.sno % 5 == 0}" th:text="${'-----------'+dto.sno"></span>
        <span th:unless="${dto.son % 5 == 0}" th:text="${dto.first}"></span>
	</li>
<ul>

다음과 같이 < > 로 나누어진 모습을 보인다.

 

 

여기서도 css를 적용시킬수가 있다.

<style>
	.target {
    	background-color: red;
    }
</style> 

<ul>
	<li th:each="dto, state : ${list}" th:class="$dto.sno % 5 ==
    0}?'targer'" th:text="${dto}">
    </li>
<ul>

 이와 같이 특정한 상황에서만 class 속성값이 입혀지고

나머지 값들은 값을 충족하지 않기에 class 속성이 입혀지지 않는 것을 확인 할수 있다.