Модал сбрасывает счетчик обратно на 1

Question

Не уверен, как он сам сбросил настройки, даже если он внутри цикла foreach.Вот фрагмент моего вида клинка:

<tbody>
    <?php $counter = 1; ?>
    @foreach ($guidelines as $guideline)
    <tr>
        <td class="text-center">{{ $counter }}</td>
        <td>{{ $guideline->description }}</td>
        <td>
            <a href="/general-guidelines/{{ $guideline->id }}/edit" class="btn btn-warning btn-sm"><i class="far fa-edit"></i></a> 
            <button type="button" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#myModal"><i class="far fa-trash-alt"></i></button> 
            <div class="modal fade" id="myModal" role="dialog">
                <div class="modal-dialog modal-sm">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title">Confirm Delete</h4>
                        </div>

                        <div class="modal-body">
                            <p>Are you sure you want to delete this?</p>
                        </div>

                        <div class="modal-footer">
                            <a href="/general-guidelines/{{ $guideline->id }}/delete" class="btn btn-danger">Confirm</a>
                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </td>
        <?php $counter++; ?>
    </tr>
    @endforeach
</tbody>

Правка работает с /general-guidelines/1/edit, /general-guidelines/2/edit, /general-guidelines/5/edit и т. Д. Но /delete всегда будет иметь значение /1/delete

Answer 1

с циклом for, создается несколько модалов, но для всех модалов, созданных с помощью цикла for, вы не можете использовать один и тот же идентификатор «myModal».идентификатор должен быть уникальным.

Answer 2

Во-первых, потому что у вас есть только один модальный (#myModal), и ваша кнопка всегда ссылается на (#myModal), так что он всегда будет открывать первый модальный.Попробуйте решение #myModal{{ $loop->index }}.

Во-вторых, вы можете использовать $ loop-> iteration вместо $ counter в цикле foreach.

Попробуйте это.

<tbody>
@foreach ($guidelines as $guideline)
<tr>
    <td class="text-center">{{ $counter }}</td>
    <td>{{ $guideline->description }}</td>
    <td>
        <a href="/general-guidelines/{{ $guideline->id }}/edit" class="btn btn-warning btn-sm"><i class="far fa-edit"></i></a> 
        <button type="button" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#myModal{{ $loop->index }}"><i class="far fa-trash-alt"></i></button> 
        <div class="modal fade" id="myModal{{ $loop->index }}" role="dialog">
            <div class="modal-dialog modal-sm">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Confirm Delete</h4>
                    </div>

                    <div class="modal-body">
                        <p>Are you sure you want to delete this?</p>
                    </div>

                    <div class="modal-footer">
                        <a href="/general-guidelines/{{ $guideline->id }}/delete" class="btn btn-danger">Confirm</a>
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
    </td>
</tr>
@endforeach