Thymeleaf forEach loop в JavaScript

Question

Я переношу проект с JSP на Thymeleaf.

В некоторых JSPs я сделал модные вещи, как это:

<script type="text/javascript"> 
    //<c:forEach items="${pages}" var="page"> 

    ... 
    var l = new google.maps.LatLng("${page.lat}", "${page.long}"); 
    ... 

    //</c:forEach> 
</script> 

Как я мог бы сделать то же самое с Thymeleaf?

Answer 1

Это рабочий раствор с Thymeleaf 3.0.2:

<script th:inline="javascript"> 
/*<![CDATA[*/ 

    /*[# th:each="page : ${pages}"]*/ 
     ... 
     var l = new google.maps.LatLng(/*[[${page.lat}]]*/, /*[[${page.long}]]*/); 
     ... 
    /*[/]*/ 

/*]]>*/ 
</script> 

Почему это работает, объясняется здесь: [MAJOR FEAT] New syntax for textual template modes #395

Answer 2

Вы можете выписать атрибут

<span id="myvar" th:text="${attributeName}"></span>

Тогда вы можете получить доступ к нему с JS, как:

document.getElementById("myvar") или jquery $('#myvar').text()

Thymeleaf код работает на стороне сервера и JS кода на стороне клиента. Мне интересно, как jsp получил этот персонал без каких-либо трюков.