인프런 커뮤니티 질문&답변
작성한 질문수
타임리프 에서 겹따옴표 내부에 홀따옴표 이후 변수 표기 방법
작성
·
70
·
수정됨
0
질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.
=========================================
[질문 템플릿]
1. 강의 내용과 관련된 질문인가요?
2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? 예
3. 질문 잘하기 메뉴얼을 읽어보셨나요? 예
[질문 내용]
onclick=겹따옴표 내부에 홀따옴표 이후 변수가 제대로 표현이 안되는데 어떻게 해야 할까요?
예를 들어 원하는건 다음과 같습니다.
onclick="location.href='/edit/변수'"
변수의 형태는 ${item.id} 입니다.
아래와 같이 시도를 해보았습니다.
th:onclick="|location.href='@{/edit/${item.id}}'|"위와 같이 시도를 해 보았는데 웹페이지 소스보기를 하면 아래와 같이 출력이 됩니다.
onclick="location.href='/edit/${item.id}'"
홀따옴표 앞에 역슬래시, 백틱 등등 해볼건 다 해보았는데 잘 안되네요.
뭔가 분명히 방법이 있을 것인데요. 조언 부탁 드립니다.
감사합니다.
답변 1
0
안녕하세요. jyuvenia님, 공식 서포터즈 y2gcoder입니다.
간단하게 페이지를 만들어 보았습니다!
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<button th:onclick="@{/edit/{itemId}(itemId=${item.id})}">test</button>
</body>
</html>
링크를 생성할 때는 위와 같이 할 수 있습니다! 아래는 브라우저에서 소스보기했을 때의 코드입니다!
Reference는 다음을 참고해주십쇼!
https://www.thymeleaf.org/doc/tutorials/3.1/usingthymeleaf.html#link-urls
타임리프에 대해 더 공부하고 싶으시다면 영한님의 스프링 MVC 2편 - 백엔드 웹 개발 활용 기술 강의를 추천합니다!
감사합니다.