LARAVEL：如何显示引导模式中的数据？

Question

我在显示模态数据时遇到问题。它在模态之外工作，但在模态内部它只迭代 1 个数据。

@foreach ($addresses->sortByDesc('status') as $address)   
                                        <div class="col">
                                            <div class="row g-0 flex-column">{{-- EDIT --}}
                                                <div class="col-12 col-lg-8 col-xl-7 col-xxl-5 d-flex justify-content-between">

                                                    <p style="font-size: 14px;font-weight: bold; visibility: {{ $address->status === 'default' ? 'visible' : 'hidden' }};">Default Delivery Address</p>                                                   
                                                    <button class="btn d-inline-flex" type="button" style="font-size: 14px;text-decoration: underline;padding: 0px;font-weight: bold;height: 21px;" data-bs-target="#edit-delivery-address-modal" data-bs-toggle="modal">Edit</button>
                                                    <div class="modal fade" role="dialog" tabindex="-1" id="edit-delivery-address-modal">
                                                        <div class="modal-dialog modal-dialog-centered" role="document">
                                                 
                                                            <div class="modal-content">
                                                                <div class="modal-header">
                                                                    <h4 class="modal-title">Edit Delivery Address</h4>
                                                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                                </div>

                                                                <div class="modal-body">

我想在单击地址的编辑按钮时显示地址的相关数据。我尝试了 ChatGPT 的建议，将数据放入“编辑”按钮中，但我不熟悉它，所以我不知道它是如何工作的。有没有一种方法可以不使用js或ajax将数据传输到modal？

Answer 1

没有 JS 就没有办法做到这一点。 Blade 是一种模板语言，它仅在页面加载时渲染一次。

考虑使用 Livewire 包动态执行此操作或使用其他 JS 框架或库。