[Thymeleaf] classappend : 조건에 따른 속성 붙히기

thymeleaf 공식 홈페이지의 튜토리얼 5.4 Appending and prepending을 보면

 

 

"두 가지 특정 추가 속성이 있습니다. th:classappend 및 th:styleappend 속성은 기존 속성을 덮어쓰지 않고 CSS 클래스 또는 스타일 조각을 요소에 추가하는 데 사용됩니다." 라고 설명되어 있다.

 

즉, 기존 class 속성에 파라미터 조건에 따라 속성 추가할 때 사용할 수 있다.

 

 

사용 방법)

https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#appending-and-prepending

예시1)

<li class="nav-item" th:classappend="${menu} == 'home' ? 'active'">

-> 파라미터로 'home'이 넘어올 경우 기존 class="nav-item" 에 active 속성을 뒤에 붙힌다.

 

예시2)

<li class="nav-item" th:classappend="${menu} == 'board' ? 'active'">

-> 파라미터로 'board'이 넘어올 경우 기존 class="nav-item" 에 active 속성을 뒤에 붙힌다.

 

 

---

Reference

https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html