Как использовать теги django в файле External js?

Я хочу добавить всплывающее окно чата в тело html с помощью Jquery при нажатии на элемент, а затем показать сообщения из базы данных.

Ниже приведен мой код во внешнем js файле,

chatPopup = '<div class="message_box" style="right:290px" rel="'+ userID+'"><div class="message_header" rel="'+ userID+'">'+
            '<img src="http://127.0.0.1:8000'+pro+'"  class="user_icon"><h3 class="username">'+username+'</h3>'+
            '<i class="fa fa-times close" rel="'+ userID+'"></i></div><hr><div class="message_content"><div class="messages" rel="'+ userID+'">'+
            '{% for chat in thread.chatmessage_thread.all %}'+
            '<div class="chat">'+
            '{% if chat.user == user %}'+
            '<div class="new_messages p2">{{ chat.message }}</div>'+
            '{% else %}'+
            '<div class="new_messages p1">{{ chat.message }}</div>'+
            '{% endif %}</div>{% endfor %}</div><div class="input_box">'+
            '<textarea type="text" class="message_input" rel="'+ userID+'" placeholder="Type Message..."></textarea>'+
            '<i class="fa fa-arrow-circle-right enter" rel="'+ userID+'"></i></div></div></div>';   
            if ( $('[rel="'+userID+'"]').length == 0) {
                $("body").append(  chatPopup  );

Я знаю, что мы не можем использовать теги Django кроме .html файлов, Но есть ли способ, как отправить переменную Django thread.chatmessage_thread.all (<model_name><related_name>all) выглядеть как переменная во внешнем файле, используя трюк, использованный в следующем ответе по ссылке?

https://stackoverflow.com/a/7318511/14715170

Вернуться на верх