[Thymeleaf] 커스텀 데이터 속성(th:attr)

 

 

 

Thymeleaf에서의 커스텀 데이터 사용

---

JQuery를 통해 커스텀데이터를 지정할 수 있듯이, 타임리프의 th:attr을 사용하여 데이터를 지정할 수 있습니다.

[JQuery] 사용자 데이터, 커스텀 데이터(custom data - data-xx의 형태)

 

 

 

 

 

th:attr 사용 방법

---

th:attr = "data-지정하고싶은 데이터 명 = 해당 데이터 값"

위와 같은 형태로 사용할 수 있습니다. 자세한 사용 예시는 아래와 같습니다.

 

<div th:attr="data-player=${data.getPlayer()}">

위 코드와 같이 타임리프의 th:attr 기능을 사용해 사용자 데이터인 data-player를 지정한 뒤 그에 맞는 값을 지정해 줍니다.