thymeleaf###使用th:each循环根据不同条件给＜div＞的class赋值

最新推荐文章于 2024-07-26 23:24:41 发布

在2025年等你

最新推荐文章于 2024-07-26 23:24:41 发布

阅读量1.8k

点赞数 1

本文链接：https://blog.youkuaiyun.com/lqy219/article/details/119388651

版权

本文介绍了如何在Thymeleaf模板语言中使用th:each指令进行循环，并根据循环状态变量（如index, count, size等）动态地为<div>元素的class属性赋值，实现不同的样式效果。" 7668618,1245660,CRC16算法详解与C语言实现,"['算法', 'C语言', '数据传输', '校验']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

		<div class="mr-5 ml-5"><h3>当前轮播图</h3></div>
            <div id="demo" class="carousel slide ml-5" data-ride="carousel" style="width: 800px;height: 300px;">
                <!-- 指示符 -->
                <ul class="carousel-indicators">
                    <li data-target="#demo" th:each="carousel:${carouselList}" th:data-slide-to="${carouselStat.index}"
                        class=""th:class="${carouselStat.index eq 0}?'active':''">
                </ul>
                <!-- 轮播图片 -->
                <div class="carousel-inner">
                    <div th:each="carousel:${carouselList}" class="carousel-item"
                         th:class="${carouselStat.index eq 0}?'carousel-item active':'carousel-item'">
                        <img th:src="${carousel.carouselContent}" height="300px" width="800px"
                             style="object-fit: cover">
                    </div>
                </div>
            </div>

对于每一个循环体，都会有一个默认的xxxStat（xxxStat是状态变量），也可以自己设置,可以用来获取index,count,size,current,even,odd,first,last等属性

th:each="carousel，carouselStat:${carouselList}"