[thymeleaf, javascript] thymeleaf 3.0.10 이상을 사용하는 html에서 javascript 함수에 인수를 전달할때

thymeleaf 3.0.10 이상을 사용하는 html에서 javascript 함수에 인수를 전달할때

 

기존에는 이렇게 작성했다.

<a href="#" th:onclick="${'writeProc('+ detailVO.itemSeq+')'}">Delete</a>

 

하지만 아래와 같은 에러 메시지가 나온다.

 

org.thymeleaf.exceptions.TemplateProcessingException: Only variable expressions returning numbers or booleans are allowed in this context, any other datatypes are not trusted in the context of this expression, including Strings or any other object that could be rendered as a text literal. A typical case is HTML attributes for event handlers (e.g. "onload"), in which textual data from variables should better be output to "data-*" attributes and then read from the event handler.

 

그래서 thymeleaf 3.0.10 이상에서는 이렇게 바꿔야 한다.

<a href="#" th:onclick="writeProc( [[${detailVO.itemSeq]] )">Delete</a>

 

함수 호출 부분이 보기에 좀더 직관적이라 좋다.

 

 

 

출처 : https://codeday.me/ko/qa/20190702/944892.html