Thymoleaf forEach Schleife in JavaScript

Question

Ich bin ein Projekt von JSP zu Thymeleaf migrieren.

In einigen JSPs habe ich fancy stuff wie folgt aus:

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

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

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

Wie konnte ich das gleiche tun mit Thymeleaf?

Answer 1

Dies ist die Arbeitslösung mit Thymeleaf 3.0.2:

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

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

/*]]>*/ 
</script> 

Warum es hier erklärt funktioniert, ist: [MAJOR FEAT] New syntax for textual template modes #395

Answer 2

Sie können das Attribut schreiben zu

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

Dann können Sie es mit JS Zugriff als:

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

Thymeleaf Code auf Serverseite und JS-Code ausgeführt wird auf der Client-Seite. Ich frage mich, wie Jsp dieses Personal ohne irgendwelche Tricks hadle.