thymeleaf 多重循环
时间: 2023-06-30 09:19:45 浏览: 62
可以使用Thymeleaf中的嵌套迭代器来实现多重循环。具体步骤如下:
1. 在HTML页面中定义外层循环的迭代器,例如:`th:each="item : ${items}"`
2. 在外层循环内部,使用`th:each`指令定义内层循环的迭代器,例如:`th:each="subItem : ${item.subItems}"`
3. 在内层循环内部,可以使用`${}`表达式来获取当前迭代到的对象的属性值,例如:`${subItem.name}`
下面是一个示例代码:
```html
<table>
<thead>
<tr>
<th>Item Name</th>
<th>Sub Item Name</th>
</tr>
</thead>
<tbody>
<tr th:each="item : ${items}">
<td th:text="${item.name}"></td>
<td>
<ul>
<li th:each="subItem : ${item.subItems}" th:text="${subItem.name}"></li>
</ul>
</td>
</tr>
</tbody>
</table>
```
在这个示例中,我们首先定义了一个外层循环迭代器`item`,然后在外层循环内部定义了一个内层循环迭代器`subItem`,最后在内层循环内部使用`${subItem.name}`表达式获取当前迭代到的`subItem`对象的`name`属性值。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)