首页 > 解决方案 > Laravel 中的动态引导模式

问题描述

我想在 Bootstrap Modal 中动态显示产品详细信息。这是我的控制器

$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>

如何显示特定产品的详细信息?

标签: javascriptdatabaselaraveldynamicbootstrap-modal

解决方案


我们可以使用 2 种方法来解决此问题。

  1. 用于foreach包含模型代码。实际上,这不是一个好方法。加载页面需要更多时间,这不是一个好习惯

  2. 使用ajax. 这是通过单击按钮在模型上显示您的产品详细信息的最佳方式

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


推荐阅读