时间戳

首页 > 解决方案 > 如何在模板中将正确的信息传递给 Django modal

javascript - 如何在模板中将正确的信息传递给 Django modal

问题描述

所以我可以创建一个列表，列出所有在 Django 模板中向特定用户发送消息的发件人，但我想做的是，当用户点击查看按钮时，应该会弹出一个模式并显示消息是。举个例子。如果我单击“XYZ 向您发送了一条消息”，我应该能够在弹出模式中看到该消息是什么。

到目前为止，我编写的 HTML 代码：

{%for elements in messages %}
        <ul class="list-group shadow p-3">

            <li class="list-group-item">
                <img src="{{elements.sender.userprofile.profile_pic.url}}" width="40px" height="40px">
                {{elements.sender}} sent you a message
            </li>
            <button data-toggle="modal" data-id="{{ elements.pk }}" data-target="#myModal1" class="open-my-modal">
                View
            </button>
        </ul>
        {%endfor%}

应该显示消息的模态。

<div class="modal" id="myModal1">
    <div class="modal-dialog">
        <div class="modal-content">

            <!-- Modal Header -->
            <div class="modal-header">
                <h4 class="modal-title">Ending Survey</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <!-- Modal body -->
            <div class="modal-body">
                {{elements.message1}}
                <h5>here mate</h5>


            </div>

        </div>
    </div>
</div>

我试过无数种方法。谢谢和问候

标签： javascriptpythondjangokeybootstrap-modal

解决方案

推荐阅读