타임리프 (Thymleaf) 기본 문법 (속성)(2)

로컬 변수 ( th:with )

• 블럭내에서 유효한 변수를 정의 

<div th:with="num1 = ${30}, y = ${20}">
	<p th:text = "${num1}">
		결과 값은 "30" 입니다.
	</p>
	<p th:text = "${num2}">
		결과 값은 "20" 입니다.
	</p>
</div>

---

유사 블록 ( th:block )

• 임의로 블록을 정의하는 속성

<th:block th:with="num1 = ${30}, y = ${20}">
	<p th:text = "${num1}">결과 값은 "30" 입니다.</p>
	<p th:text = "${num2}">결과 값은 "20" 입니다.</p>
</th:block>

 

---

조건문 ( th:if / th:unless )

• 특정 조건일때만 보여지거나 보여지지 않는 영역 설정이 필요할 때 사용

<div th:if="1>0">
	<p>1이 0보다 크기 때문에 조건이 true 입니다. p태그 출력</p>
</div>

<div th:unless="1<0">
	<p>1이 0보다 크기 때문에 조건이 false입니다. p태그 출력</p>
</div>

---

조건문 ( th:switch / th:case )

• 특정 값과 일치하는 부분만 보여지도록 설정 할 때 사용

username = user01

<div th:switch="${username}">
	<p th:case="'user01'">user01입니다. 해당내용만 출력</p>
	<p th:case="'user02'">user02입니다.</p>
	<p th:case="'user03'">user03입니다.</p>
	<p th:case="'user04'">user04입니다.</p>
	<p th:case="*">user이름이 없습니다.</p>
</div>

 

---

remove ( th:remove )

• 특정 태그 또는 해당 태그 자식 노드를 제거할때 사용
  •  all : 자신을 포함한 모든 자식 노드를 제거
  •  body : 자신을 제외한 모든 자식 노드를 제거
  •  tag : 자신을 제거하고 모든 자식 노드는 제거하지 않음
  •  all-but-first : 첫번째 자식 노드를 제외한 모든 자식 노드를 제거
  •  none : 제거하지 않는다 (조건식에 따라 remove 시킬때 사용)

<div th:remove="all"> div를 포함한 모든 자식노드 제거
	<p th:remove = "body"> span태그만 제거
		<span>test</span>
	</p>
	<p th:remove = "tag"> 해당태그만 제거 input태그는 유지
		<input type="text">
	</p>
	<p th:remove = "all-but-first"> 
		test1 span 태그만 제외한 나머지 span태그 제거
		<span>test1<span>
		<span>test2<span>
		<span>test3<span>
		<span>test4<span>
	</p>
	<p th:remove = "${true} ?: true : none"> 
		조건이 true 이면 모두 제거
		<span>test1<span>
		<span>test2<span>
		<span>test3<span>
		<span>test4<span>
	</p>
</div>

 

---