首页 > 解决方案 > 使用模态选择产品 - laravel

问题描述

我需要获取“模态”层以从 foreach 创建的列表中获取产品/名称

有什么办法可以完成这项工作吗?

89/5000 问题是当我点击一个产品时,它总是一样的,从来没有不同

@extends('../layouts.apx')

@section('content')



@foreach($products as $product)
<div class="card mb-4 border-bottom-info" data-toggle="modal" data-target="#mimodalejemplo">
	
    <div class="card-header text-center">{{ $product->name }}</div>

    <div class="card-body">
        <h4>${{ number_format($product->price,2) }}</h4>
        <p>{{ $product->description }}</p>
        <p>{{ $product->extract }}</p>
        <div>

          
            <span class="badge badge-primary"># PROMOCION </span>
           

        </div>
    </div>
	
</div>
@endforeach
<div class="container">
   

    <!-- Modal -->
    <div class="modal fade" id="mimodalejemplo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
   
            <h4 class="modal-title text-dark text-center" id="myModalLabel"> <b>{{ $product->name }}</b></h4>
            
          </div>
     
          <div class="container"><p class="text-secondary text-center">Carne, Queso Cheddar, Tomate, Ajo, Mayonesa Casera, Pan</p></div>
          
          
           <div class="cantidad">
            
             <div class="form-group text-center">
               <label class="col-form-label" for="inputSuccess"> CANTIDAD</label>
               <input type="number" class="form-control is-valid mx-auto col-4" id="inputSuccess" placeholder="1">
             </div>
            </div>
         


       
          <div class="modal-footer">
           <td>
            <a href="{{ route('cart-add', $product->slug) }}"> <button type="button" class="btn btn-block bg-success text-white btn-sm">Agregar a mi pedido</button></a>
           </td>
           <a href="">  <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">Cerrar</button></a>
           
          </div>
        </div>
      </div>
    </div>

 </div>
@stop

我不知道我是否应该添加另一个foreach,我自己无法做到,请帮助

标签: phplaravel

解决方案


你的变量在你的循环$product中没有意义@foreach

您需要为每个产品创建不同的模式。类似的东西可以解决问题(注意唯一的模态ID mimodalejemplo_{{ $product->id }}:)

@foreach($products as $product)
    <div class="card mb-4 border-bottom-info" data-toggle="modal" data-target="#mimodalejemplo_{{ $product->id }}">

        <div class="card-header text-center">{{ $product->name }}</div>

    </div>

    <div class="modal fade" id="mimodalejemplo_{{ $product->id }}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title text-dark text-center" id="myModalLabel"> <b>{{ $product->name }}</b></h4>

                </div>
            </div>
        </div>
    </div>
@endforeach

推荐阅读