Разный выход внутри модального (Laravel 5.4)

У меня этот код в моих поездках.blade.php. Проблема в том, что мои работники $ t-> находятся вне модальности, я извлекаю всех своих сотрудников, но когда я помещаю своих $ t-> сотрудников в мой модальный, я могу получить только 1 Data. Я не могу понять какую-либо ошибку в этом сценарии.

@foreach($trips as $t) <tr> <td>{{$t->id}}</td> <td>{{$t->dateMilled_trip}}</td> <td>{{$t->ticket->ticketNumber_ticket}}</td> <td>{{$t->truckNumber_trip}}</td> <td>{{$t->finalWeight_trip}}</td> <td> {{$t->employees}} -> Here it shows all the employees inside trip <a class="btn btn-info btn-xs" data-toggle="modal" data-target="#viewEmployeesAttendanceTicket">View Employees Attendance</a> <!-- Modal --> <div class="modal fade" id="viewEmployeesAttendanceTicket" tabindex="-1" role="dialog" aria-labelledby="James Order List"> <div class="modal-dialog" role="document"> <div class="modal-content"> {{$t->employees}} ->Here it show only 1 employee data <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title" id="myModalLabel">{{$t->ticket->ticketNumber_ticket}} Attendances</h4> </div> <div class="modal-body"> <table class="table table-striped"> <thead> <tr> <th>#</th> <th>Employee Name</th> </tr> </thead> <tbody> @foreach($t->employees as $emp) ->same here [1 Data only] <tr> <td>{{$emp->id}}</td> <td>{{$emp->name_employee}}</td> </tr> @endforeach </tbody> </table> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> </td> <td> <div class="btn-group" role="group" aria-label="..."> <a class="btn btn-danger btn-xs">DELETE</a> </div> </td> </tr> @endforeach

Скриншот введите описание изображения здесь

короткий ответ, но не лучшая практика заключается в том, чтобы изменить эти строки, как показано ниже

  <a class="btn btn-info btn-xs" data-toggle="modal" data-target="#viewEmployeesAttendanceTicket_{{$t->id}}">View Employees Attendance</a> <!-- Modal --> <div class="modal fade" id="viewEmployeesAttendanceTicket_{{$t->id}}" tabindex="-1" role="dialog" aria-labelledby="James Order List">

вы можете попробовать это сначала, если это сработает, а затем обсудите проблему.

Раньше я это делал. что происходит на вашей странице, вы делаете много строк, и в каждом из них вы создаете модальный с id viewEmployeesAttendanceTicket поэтому существует много модалов с одинаковым идентификатором viewEmployeesAttendanceTicket и при попытке отобразить любой из них они всегда будут отображать один и тот же модальный сначала я думаю, поэтому у вас есть два подхода. Во-первых, чтобы дифференцировать модалы, как упомянуто выше, но это решение не очень хорошо, если у вас много строк, так как у вас будет так много модалов, загружаемых данными.

тем более гладким решением является наличие одного модального обновления jQuery. если вам нужна помощь в написании, оставьте мне комментарий