如何在 Spring Boot Thymeleaf List 中使用 Bootstrap Modals? [英] How to use Bootstrap Modals with Spring Boot Thymeleaf List?
问题描述
我列出了我的用户.它工作得很好,每个用户都有自己的 Bootstrap 卡.但是当我点击更多"时触发模态,每更多"按钮给出相同的模态,这是用户 #1 的弹出窗口.所以无论我对哪个用户的数据感兴趣,它总是显示相同的 Modal.我希望它正常工作,这样每当我点击更多按钮时,窗口就会弹出该用户的数据.
<div class="row g-0"><!-- <div class="col-md-3"><img src="/images/noimage2.png";alt=..."></div>--><div class="col-md-12"><div class="card-body"><h3 class="card-title";th:text="${user.name}">姓名</h3><!-- 按钮触发模态--><按钮类型=按钮";类=btn btn-二级btn-sm";data-bs-toggle=模态"data-bs-target=#exampleModal"><i class="fas fa-address-card"></i>更多按钮><!-- 模态--><div class="模态淡入淡出";id=exampleModal"tabindex="-1";aria-labelledby="exampleModalLabel";咏叹调隐藏=真"><div class="modal-body"><span class="d-inline";th:text="${user.address}"></span>|<跨度th:text="${user.phoneNumber}"></span>|<跨度th:text="${user.email}">email</span>
<p class="card-body";th:text="${user.description}"></p>
<div class="modal-footer"></div>