Thymeleaf：在<div>标签中循环迭代并创建行。</div>

Question

我是thymeleaf的新用户，尝试使用thymeleaf th:each属性迭代值，但输出错误。我正在使用<div>而不是表，当百万富翁渲染页面时，所有对象值都会覆盖第一行值，其余行显示为空。以下是我的代码：

My Spring MVC控制器代码

ProductCategory category = new ProductCategory();
category.setId(BigInteger.valueOf(558711));
category.setTitle("Category 1");
category.setStatus(FinEnum.STATUS.IN_ACTIVE.getStatus());

ProductCategory category2 = new ProductCategory();
category.setId(BigInteger.valueOf(558722));
category.setTitle("Category 2");
category.setStatus(FinEnum.STATUS.ACTIVE.getStatus());

List<ProductCategory> categories = new ArrayList<ProductCategory>();
categories.add(category);
categories.add(category2);

model.addAttribute("categories", categories);
return "admin/product/view-categories";

我的百里香码：

<div class="row-area" th:each="category: ${categories}">
                    <div class="column2 tariff-date" style="width: 15%;"><span th:text="${category.id}">Dummy Data</span></div>
                    <div class="column2 tariff-date" style="width: 15%;"><span th:text="${category.title}">Dummy Data</span></div>
                    <div class="column2 tariff-date" style="width: 13%;"><span th:text="${category.status}">Dummy Data</span></div>
                    <div class="column5 icons middle-area" style="margin-left: 7px; width: 40%;">
                        <a href="javascript:void(0)" class="diplay-none"></a>
                        <a class="icon7" href="javascript:void(0)" style="width: 140px;">View Sub Category</a>
                        <a class="icon2" href="javascript:void(0)"><p>Edit</p></a>
                        <div th:switch="${category.status}" style="margin-left: 195px;">
                            <a class="icon8" href="javascript:void(0)" th:case="'Inactive'" style="width: 88px;">Deactivate</a>
                            <a class="icon9" href="javascript:void(0)" th:case="'Active'">Active</a>
                        </div>
                        <a class="icon14" href="javascript:void(0)" style="width: 60px;"><p>Delete</p></a>
                    </div>
                </div>

我的输出是：

Answer 1

问题与Thymeleaf无关，这只是一个简单的错字。行之后：

ProductCategory category2 = new ProductCategory();

您仍在修改（覆盖）category对象而不是category2。因此，category2的属性从未设置过。更正后的代码应为：

category2.setId(BigInteger.valueOf(558722));
category2.setTitle("Category 2");
category2.setStatus(FinEnum.STATUS.ACTIVE.getStatus());

在本地测试过，看到了我们的行＆＃34;修复后的数据。