问题描述
这是添加到模型中的对象：
HashMap<String,HashMap<String,Integer>> eventByMonthAndYear;
我如何尝试对其进行迭代
我已经尝试过这些解决方案，但到目前为止，对我来说都没有奏效。
Iterate HashMap using thymeleaf
我的efford
<script type="text/javascript" th:inline="javascript">
/*<![CDATA[*/
/*[# th:each="entry: ${eventByMonthAndYear}"]*/
console.log(/*[[${entry}]]*/);
/*[/]*/
/*]]>*/
</script>
没有打印对象，我至少如何检索第一个HashMap？
解决方法
假设我们有以下测试数据：
Map<String,Integer> intMapA = new HashMap();
intMapA.put("one",1);
intMapA.put("two",2);
intMapA.put("three",3);
Map<String,Integer> intMapB = new HashMap();
intMapB.put("four",4);
intMapB.put("five",5);
intMapB.put("six",6);
Map<String,Map<String,Integer>> eventByMonthAndYear = new HashMap();
eventByMonthAndYear.put("Event A",intMapA);
eventByMonthAndYear.put("Event B",intMapB);
Map<String,Object> model = new HashMap();
model.put("events",eventByMonthAndYear);
这就是传递给Thymeleaf模板的东西。
我们可以如下访问Java语言中的events对象：
<script th:inline="javascript">
var events = [[${events}]];
console.log(events);
</script>
您可以使用通常的JS方式迭代变量。
可能更有用的方法是访问HTML中的对象，并使用Thymeleaf遍历嵌套地图：
<body>
<div th:each="event : ${events}">
<div th:text="${event.key}">
</div>
<div th:each="eventItem : ${event.value}">
<div th:text="${' -> ' + eventItem.key} + ' - ' + ${eventItem.value}"></div>
</div>
</div>
</body>
最后一个示例在浏览器中显示以下内容：
Event B
-> six - 6
-> four - 4
-> five - 5
Event A
-> one - 1
-> two - 2
-> three - 3
很明显，由于我们特定使用哈希图，因此无法保证检索顺序与插入顺序相同。