thymeleaf th:text拼接及循环

  • 作者: 凯哥Java(公众号:凯哥Java)
  • 若依(ruoyi)
  • 时间:2021-04-05 23:32
  • 5045人已阅读
简介 我们在使用thymeleaf的时候,有时候需要循环并且拼接,怎么办呢?先来查看效果:后端返回:mmap.put("startEndSizes", purchaseDetail.getStartEndSizeList());返回的是一个List在页面上使用th:each来进行循环。字符串拼接使用+.如下图:<div>   &nb

🔔🔔好消息!好消息!🔔🔔

 如果您需要注册ChatGPT,想要升级ChatGPT4。凯哥可以代注册ChatGPT账号代升级ChatGPT4

有需要的朋友👉:微信号 kaigejava2022

我们在使用thymeleaf的时候,有时候需要循环并且拼接,怎么办呢?

先来查看效果:

e4be15214d3c5b7689324fc8812f0b25.png

后端返回:

mmap.put("startEndSizes", purchaseDetail.getStartEndSizeList());

返回的是一个List

在页面上使用th:each来进行循环。字符串拼接使用+.如下图:

06c583e54572323e2fca22529a0f7c89.png

<div>
    <div class="form-group" th:each="startEndSize:${startEndSizes}">
        <label class="col-sm-3 control-label" th:text="'起始尺寸-'+${startEndSize.sizeName}">:</label>
        <div class="col-sm-8">
           <!-- <label  th:text="${startEndSize.sizeName}"></label>-->
            <input name="purchaseNum" th:value="${startEndSize.size}"  class="form-control" type="text" >
        </div>
    </div>
</div>


TopTop