在JavaScript中使用Thymeleaf forEach循环

Question

我正在将项目从JSP迁移到Thymeleaf.

在一些JSP中我做了像这样的花哨的东西:

<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]文本模板模式的新语法#395