Laravel 中的動態引導模式

Question

我想在 Bootstrap Modal 中動態顯示產品詳細信息。 這是我的 controller

$products = Product::all();
return view('landing')->with('products', $products);

而我的看法

@foreach($products as $index => $product)
 <div class="product-text col-lg-6">
  <h3><a href="#">{{$product->name}}</a></h3>
   <div class="product-meta">
    <p>{{$product->details}}</p>
   </div>
   <a data-toggle="modal" data-target="{{ $index }}">Modal</a>
  </div>
@endforeach
      
    <div class="modal fade" id="{{ $index }}" role="dialog">
        <div class="modal-dialog modal-dialog-centered modal-lg">
        
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
            <h4 class="modal-title">{{$product->name}}</h4>
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            
            </div>
            <div class="modal-body">
            <p>{{$product->description}}</p>
            </div>
            <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
        
        </div>
    </div>

如何顯示特定產品的詳細信息？

Answer 1

我們可以使用 2 種方法來解決此問題。

1. 使用foreach包括 model 代碼。 實際上，這不是一個好方法。 加載頁面需要更多時間，這不是一個好習慣

2. 使用ajax 。 這是通過單擊按鈕在 model 上顯示您的產品詳細信息的最佳方式

所以你可以使用第二種方式。