프로그래밍 언어/Thymeleaf

[Thymeleaf] header 및 script에 변수 추가

이로률 2025. 2. 28. 17:40

1. header에 변수 추가

1. header.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <body>
    <header th:fragment="header(h1,p)">
        <div class="text-center text-white">
            <h1 class="display-4 fw-bolder" th:text="${h1}"></h1>
            <p class="lead fw-normal text-white-50 mb-0" th:text="${p}"></p>
        </div>
    </header>
    </body>
</html>

2. header 적용

다른 html에 header 적용 방법

<!-- Header-->
<header th:replace="layout/header::header(h1='Welcome', p='') "></header>

2. script에 변수 추가

<script th:inline="javascript">
  /*[# th:each="food : ${food}"]*/
  menuDataSet.push(/*[[${food.menu}]]*/);
  /*[/]*/
</script>