如何使用 Z9E13B69D1D2DA927102ACAAAFZ15 在 HTML 頁面中插入 Django 模板標簽 + HTML 元素

Question

如何使用 Javascript 在其中安全地添加一塊帶有 Django 模板標簽的 HTML？ 例如，如果我的模板中有這樣的內容：

<div id="some-element">
  <span id="my-tag">{{ my_data }}</span>
</div>
<!-- rest of the html page -->

如果我要使用腳本來編輯 div 的 innerHTML，就像下面的腳本一樣，它只會將{{ other-data }}作為字符串讀取。 我怎樣才能使它成為一個實際的 Django 模板標簽？

<script>
  document.getElementById("some-element").innerHTML = 
    `
    <h1>This is may new data {{ other-data }} </h1>
    {% if value %}
      <p>This is an if statement</p>
    {% endif %}
    `
</script>

Answer 1

The Django template thing is not a client side thing, when a request comes to the server, Django renders the HTML file then responds with it, the HTML file gets manipulated on the Server

而且您不需要 Django 來使用條件，JS 已經可以根據條件插入元素。