php - 使用模态选择产品 - 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,我自己无法做到,请帮助
解决方案
你的变量在你的循环$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
推荐阅读
- mongodb - 从 helm 安装后无法使用 root 密码登录 mongo
- r - 使用 na.omit 或 NA.RM 和 mapply 在 Datafrme 的多个列中忽略 R 中的 NA
- angular - 无法显示模态角度
- java - 如何将类型“java.lang.String”的值转换为属性“typeService”所需的类型“com.boots.models.TypeServiceModel”?(更新))
- html - 表格高度未正确分配
- java - 如何使用 QuantLib 在 Java 中进行期权定价?
- java - 从 mysql 返回到 java 的双精度值不正确
- laravel - Laravel路线,我找不到文件
- usb - 执行 libusb_control_transfer 时出现 libusb 错误
- java - 如何比较从后端获取的数据列表<>与 Ui 元素