<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!-- 자바스크립트 인라인 사용 전 -->
<script>
var username = [[${user.username}]];
var age = [[${user.age}]];
var userBname = [[${userB.username}]];
//자바스크립트 내추럴 템플릿
var username2 = /*[[${user.username}]]*/ "test username";
//객체
var user = [[${user}]];
</script>
<!-- 자바스크립트 인라인 사용 후 -->
<script th:inline="javascript">
var username = [[${user.username}]];
var userBname = [[${userB.username}]];
var age = [[${user.age}]];
//자바스크립트 내추럴 템플릿
var username2 = /*[[${user.username}]]*/ "test username";
//객체
var user = [[${user}]];
</script>
<!-- 자바스크립트 인라인 each -->
<script th:inline="javascript">
[# th:each="user, stat : ${users}"]
var user[[${stat.count}]] = [[${user}]];
[/]
</script>
</body>
</html>
'thymeleaf' 카테고리의 다른 글
타임리프 html을 통째로 파편으로써 취급하여 상속 (0) | 2022.06.27 |
---|---|
타임리프 파편 (0) | 2022.06.27 |
타임리프 div 여러개 묶어서 반복 (0) | 2022.06.27 |
타임리프 div 여러개 묶어서 반복 (0) | 2022.06.27 |
타임리프 조건문 (0) | 2022.06.27 |