在<script></script>中怎么使用 Thymeleaf 循环遍历 ModelMap 中的 List 对象
时间: 2024-02-25 21:54:07 浏览: 34
在 `<script>` 标签中使用 Thymeleaf 循环遍历 ModelMap 中的 List 对象,可以使用 `th:inline="javascript"` 属性开启 JavaScript 内联模式,然后使用 `[# th:each]` 指令进行循环遍历。比如,假设 ModelMap 中存储了一个名为 `users` 的 List 对象,可以使用以下方式循环遍历该 List 中的数据:
```
<script th:inline="javascript">
/*[# th:each="user : ${users}"]*/
console.log(/*[[${user}]]*/);
/*[/]*/
</script>
```
在以上代码中,我们使用 `th:inline="javascript"` 属性开启了 JavaScript 内联模式,然后使用 `[# th:each]` 指令遍历了 ModelMap 中的 `users` List 对象。在指令中,我们使用了 `user` 变量来表示 List 中的每个元素,并使用 `${}` 表达式语言来获取每个元素的值。在循环体中,我们将每个元素的值打印到控制台中。
相关问题
在<script></script>中怎么使用 Thymeleaf 的语法来获取 ModelMap 中的List类型数据
在 `<script>` 标签中使用 Thymeleaf 的语法获取 ModelMap 中的 List 类型数据,可以使用 `th:inline="javascript"` 属性开启 JavaScript 内联模式,然后使用 `[# th:each]` 指令进行循环遍历。比如,假设 ModelMap 中存储了一个名为 `users` 的 List 对象,可以使用以下方式获取该 List 中的数据:
```
<script th:inline="javascript">
// 定义一个 JavaScript 数组
var users = [];
// 使用 Thymeleaf 循环遍历 ModelMap 中的 List 对象
/*[# th:each="user : ${users}"]*/
// 将每个用户对象转换成 JavaScript 对象,并添加到数组中
var userObj = {
id: /*[[${user.id}]]*/,
name: /*[[${user.name}]]*/,
age: /*[[${user.age}]]*/
};
users.push(userObj);
/*[/]*/
// 打印 JavaScript 数组
console.log(users);
</script>
```
在以上代码中,我们使用 `th:inline="javascript"` 属性开启了 JavaScript 内联模式,然后使用 `[# th:each]` 指令遍历了 ModelMap 中的 `users` List 对象,将每个用户对象转换成了 JavaScript 对象,并添加到了 `users` 数组中。在 `var userObj = {...}` 表达式中,我们使用了 `${}` 表达式语言来获取每个用户对象中的属性值,其中 `user.id`、`user.name`、`user.age` 分别对应 List 中每个用户对象的 id、name、age 属性。最后,我们将 `users` 数组打印到控制台中。
thymeleaf如何遍历Controller层中的List<>
Thymeleaf提供了一些内置的迭代器用于遍历集合,其中包括th:each,可以将一个集合中的元素逐个进行渲染。在Controller中,可以通过将List传递到模板中,在模板中使用th:each来遍历List。例如,假设Controller中有一个名为userList的List,可以在模板中使用以下代码来遍历这个List中的元素:
<table>
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Age</th>
</tr>
</thead>
<tbody>
<tr th:each="user : ${userList}">
<td th:text="${user.id}"></td>
<td th:text="${user.name}"></td>
<td th:text="${user.age}"></td>
</tr>
</tbody>
</table>
在上面的代码中,th:each="user : ${userList}"表示遍历userList集合,并将每个元素赋值给名为user的变量。然后就可以使用th:text将该用户的属性渲染到表格中。