Javascript 情态动词可以在foreach中吗？

此表是推荐学生的列表，单击“查看详细信息”时，“推荐详细信息（文本格式）”应以模态形式显示。。。我在第一行的推荐详细信息没有问题，我的问题是下面的推荐详细信息只显示第一行的推荐详细信息

<table class="table no-margin">
   @foreach($faculty->recommendations as $student)
     <tr>
       <td class="text-muted" valign="middle"><a href="{{ URL::to('/', $faculty->user->id) }}"> Name </a></td>

     <td align="right"><button type="button" class="btn btn-primary btn-view" data-toggle="modal" data-target="#dialog-box" >View Details</button>
          <div class="modal fade" id="dialog-box" role="dialog" aria-hidden="true">
            <div class="modal-dialog" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <h2>Recommendation Details</h2>
                </div>
                <div class="modal-body">
                  <div class="form-group">           
                    <p class="jobpost-p">{{ $faculty->pivot->recommendation_details }}</p>
                  </div>
                </div>
             </div>
           </div>
        </div> <!--Modal close-->
   @endforeach
</table>

@foreach（$faculty->推荐为$student）
查看详细信息
建议详情
{{{$faculty->pivot->recommendation\u details}
@endforeach

是的，他们可以。 但是，您需要确保每个模式的触发器元素具有唯一的

数据目标

属性，并且每个模式的

id

属性共享相同的唯一值

---

一个简单的解决方案是使用一个唯一的值，该值存在于迭代的每个数组中。例如，如果

$student

的值具有唯一的id，则可以将其附加到每个模式id。

可以，但这不是最佳做法。如果你有一个25项的列表，你将有25个模态。大量无用的html。我认为一个很好的方法是创建一个包含所有所需字段的单一模式，当您单击某个项目时，使用javascript用其数据填充该模式。使用vuejs，您可以在几分钟内完成这项工作，每个项目的目标和id应该不同，但最好创建一个模式&单击后附加自定义数据，否则视图中会有大量无用的重复html，这会使运行速度变慢。