Question

此表是推荐学生的列表，当点击“查看详细信息”时，“推荐详细信息（文本格式）”应以模式的形式显示...我在第一行没有问题建议细节，我的问题是下一个建议细节，仅显示FIRST推荐细节..

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

Answer 1

是的，他们可以。 但是，您需要确保每个模态的触发器元素都具有唯一的data-target属性，并且每个模态的id属性共享相同的唯一值。

一个简单的解决方案可能是使用您迭代的每个数组中存在的唯一值。例如，如果$student的值具有唯一ID，则可以将其附加到每个模态ID。

Answer 2

你可以，但这不是最佳做法。如果您有25个项目的列表，那么您将拥有25个模态。大量无用的HTML。我认为一个好的方法是创建一个包含所需字段的单个模态，当您单击某个项目时，使用javascript填充模式的数据。您可以使用vuejs

在几分钟内完成

模态可以在foreach中吗？

2 个答案: