[thymeleaf] 타임리프 th:classappend 동적으로 클래스 추가하기

[thymeleaf] 타임리프 th:classappend 동적으로 클래스 추가하기

 

 

타임리프에서

 

현재 페이지 값 혹은 넘겨받은 값을 기준으로

 

조건에 맞으면 클래스를 추가하는 경우가 있습니다.

 

그럴때 아래처럼 사용하면 됩니다.

 

<div class="div" th:classappend="${data} == '1' ? 'on'">
<div class="div" th:classappend="${data} == '2' ? 'on'">

 

넘겨받은 data 의 값이 1 이거나 2일 경우 각각 다른 div를

 

th:classappend 를 사용하여 on 라는 클래스를 추가하는 내용입니다.

 

참고들 하세요!!