타임리프 검색 결과
3 개의 검색 결과가 있습니다.
Thymeleaf

Thymeleaf 타임리프 th:classappend 여러개 / 타임리프 class 여러개, 동적으로 조건에 따라 각기 다른 클래스 주기

웹 서비스에서 템플릿 엔진을 Thymeleaf 타임리프로 채용하여 화면을 구성하는데, '하나의 태그'에 서버단에서 넘겨주는 '각기 다른 조건'을 판단해서 '각기 다른 클래스'를 주고 싶은 경우가 있을 수 있다. // 서버단 언어 : Java 기준 / 화면단으로 다음과 같이 조건을 넘겼다고 가정 // *조건의 값은 정수로 세팅 mav.addObject("condition1", 1); mav.addObject("condition2", true); mav.addObject("condition3", "A"); 태그 안 내용... 위 처럼 한 뒤 해당 태그가 가진 클래스명을 console.log();로 찍어본 결과 (아래 이미지)

2023. 9. 9. 10:37
Thymeleaf

thymeleaf 타임리프 /*[[${변수명}]]*/ null; | 서버단에서 넘긴 변수 클라이언트 단 스크립트 영역에서 받아 js 변수에 할당 하기

서버 사이드 템플릿 엔진 타임리프(thymeleaf)를 사용하는 환경에서 서버단에서 넘긴 변수를 영역 안에서 받아서 js 변수에 할당하려고 할 때 (var '변수명' = /*[[${'변수명'}]]*/ null;) * script 영역 선언 여는 태그에 th:inline="javascript" 명시하지 않는 경우

2023. 8. 19. 10:49
Thymeleaf

Thymeleaf 타임리프 th:block 활용

th:block 은 HTML에 영향을 미치지 않는, *보이지 않는 블록을 생성하는 속성 * 예를 들어 부모요소가 있고 그안에 자식요소가 있는데 백엔드에서 넘겨받은 데이터로 부모요소와 자식요소의 text 값을 각기 다르게 표현하고 싶을 때 th:text나 th:utext 를 부모요소에 적용시키면 부모요소에 주입한 값으로 덮어씌워져서 그 안에 있는 자식요소는 아래 예시 코드처럼 소멸하게 된다. "제목" 이럴때 th:block 을 활용하여 아래 예시와 같이 사용하여 표현이 가능하다. "제목" "내용" * 또 다른 예로 List 안 List가 있는 구조의 데이터를 넘겨 받아 th:each로 이중 반복문으로 표현하는데 *outerList들 중에 내부에 innerList가 있는 outer가 있고 없는 outer가 ..

2023. 3. 5. 10:41