在<script></script>中怎么使用 Thymeleaf 的语法来获取 ModelMap 中的List类型数据
时间: 2024-02-25 08:53:59 浏览: 91
在 `<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` 数组打印到控制台中。
阅读全文