Просмотр всех комментариев к сообщению с помощью модала в Django
Я работаю над созданием сайта социальных сетей с использованием Django. Я хочу, чтобы пользователи могли просматривать все комментарии, оставленные к посту, используя модалы Twitter Bootstrap. Комментарии не отображаются, если в моей базе данных более 1 поста, если я использую модалы. Логика, которую я написал, работает совершенно нормально, если я не вставляю их внутрь модала и отображаю их непосредственно на веб-странице после заголовка поста. Но, учитывая хорошую реализацию дизайна пользовательского интерфейса, я подумал о вложении его в модальное окно, чтобы обогатить пользовательский опыт. Может ли кто-нибудь помочь мне с этим?
Код для этого приведен ниже:
<a data-bs-toggle="modal" data-bs-target="#staticBackdrop" style="cursor: pointer;">
View all comments
</a>
<!-- Modal -->
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="staticBackdropLabel">Comments</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"> </button>
</div>
<div class="modal-body">
{% if not post.comments.all %}
No Comments yet.. <a href="{% url 'add_comment' post.pk %}" >Add Comment</a>
{% else %}
{% for comment in post.comments.all %}
<strong>{{ comment.name }}-{{ comment.date_added }}</strong>
<br/>
{{ comment.body }}
<br/>
<hr>
{% endfor %}
{% endif %}
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
Я попробовал следующее:
- Комментарии к посту отображаются, если я не вложил их в модал .
- Я ожидал, что комментарии будут отображаться внутри модала, если пользователь нажмет на 'View all comments'