Тег шаблона django в файлах stati c js - PullRequest
Новая
       19

Тег шаблона django в файлах stati c js

0 голосов
/ 16 марта 2020

Я хочу использовать шаблон тега и переменные в файлах stati c js.

Я дам вам 3 файла. no1_ index. html no2_ inc / index. html no3_ index javascript file

no1 Файл является шаблоном. html теги здесь. и он ссылается на файл no2.file для включения некоторых сценариев.

no2.file содержит некоторые виды сценариев включения. и он ссылается на файл no3.file для создания моих собственных сценариев.

в файле no3.file, я хочу иметь дело с переменными моего шаблона из view.py, но в файле no3.file он не может читать теги и переменные шаблона , Что я могу сделать для этой проблемы?

no1_index. html

image

no2 inc / index. html

{% load static %}

<!-- outter module-->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-159115722-1"></script>
<script>
    window.dataLayer = window.dataLayer || [];

    function gtag() {
        dataLayer.push(arguments);
    }

    gtag('js', new Date());

    gtag('config', 'UA-159115722-1');
</script>

<!-- kakao map -->
    <script type="text/javascript"
            src="//dapi.kakao.com/v2/maps/sdk.js?appkey=2a40b9e58744cbe7d0cb367e51c07eb4"></script>


<!-- css -->
<link rel="stylesheet" href="{% static 'mobileWeb/css/index/index.css' %}">

<!--js-->
{% block javascript %}
    <script src="{% static 'mobileWeb/js/index/index.js' %}"></script>
{% endblock %}

no3 index javascript файл 


        function writeMartModal(martId, martName) {
            console.log("martID : " + martId);
            document.getElementById('modal-body').innerHTML = '';


            document.getElementById('modal-title').innerHTML = martName;
            {% for item in items %}
                var itemMartId = {{ item.mart }};
                if (martId == itemMartId) {
                    var itemId = {{ item.id }};
                    var itemName = '{{ item.name }}';
                    var itemPrice = {{ item.discountPrice }};
                    var itemExpirationDate = '{{ item.expirationDate|date:"m월d일 H시 i분 까지" }}';
                {% autoescape off %}
                    var itemComment = '{{ item.comment }}';
                {% endautoescape %}
                    var html = "";
                    var div = document.createElement('div');
                    html += `
                    <div>
                    <div data-toggle="modal" data-target="#itemModal" data-whatever="${martName}_${itemId}_${itemName}">
                        <h4 style = "color:mediumpurple;" > ${itemName} </h4>
                    <h6> ${itemPrice}원 </h6>
                    <h6> ${itemExpirationDate} </h6>
                    </div>
                    {% autoescape off %}
                    <h6 style="color:red">${itemComment}</h6>
                    {% endautoescape %}
                    </div>
                `
                    div.innerHTML = html;
                    document.getElementById('modal-body').appendChild(div);
                }

            {% endfor %}
        };

ошибки в javascript файл enter image description here

...