Как запустить мод начальной загрузки в Laravel?

Question

Я пытаюсь зациклить мой модал. этот модал используется для отображения QR-кода пользователя. но я получаю только первое значение.

это мой модал.

@foreach($siswas as $siswa)
<div class="modal fade" id="qrmodal" >
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title"> QR </h4>
        <button type="button" class="close" data-dismiss="modal">
          &times;
        </button>
      </div>

      <div class="modal-body">
          <div class="form-group centered" id="QR">
            {!!QrCode::size(200)->generate($siswa->nis)!!}
          </div>
      </div>

      <div class="modal-footer">
        <button type="submit" class="btn btn-primary">Print</button>
        <button type="button" data-dismiss="modal" class="btn btn-danger">Close</button>
      </div>
    </div>
  </div>
</div>
@endforeach

Answer 1

Ваша проблема в том, что идентификатор не уникален. Но это плохой подход. У вас должен быть только один модальный режим, и в зависимости от нажатой кнопки вы должны загрузить контент.

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">Open modal for @mdo</button>

$('#exampleModal').on('show.bs.modal', function (event) {
  var button = $(event.relatedTarget) // Button that triggered the modal
  var recipient = button.data('whatever') // Extract info from data-* attributes
  // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
  // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
  var modal = $(this)
  modal.find('.modal-title').text('New message to ' + recipient)
  modal.find('.modal-body input').val(recipient)
})