[thymeleaf/javascript]thymeleaf값을 javascript에서 사용

미래의 내가 보기 위해 javascript에서 thymeleaf값을 사용하는 방법을 기록한다.

코드로 대체한다.

javascript(thymeleaf안의 script)

// script에 th:inline 붙여야 함
<script th:inline="javascript">
$(document).ready(function () {
/*<![CDATA[*/   // CDATA 붙여야 함
// 서버에서 받아온 list
// /*[[ ]]*/로 thymeleaf변수를 감쌈
let data = /*[[${list}]]*/;

// loop
$.each(data, function (index, item) {
        console.log("userName : " + item.userName);
        console.log("email : " + item.email);
	});
});
/*]]>*/
</script>

---

controller

@GetMapping("/list")
    public String list(Model model) {
        List<UserVo> list = userService.selectUserList();
        model.addAttribute("list", list);
        return "view 페이지";
    }

reference: https://stackoverflow.com/questions/25687816/setting-up-a-javascript-variable-from-spring-model-by-using-thymeleaf

Setting up a JavaScript variable from Spring model by using Thymeleaf