如何使用 Javascript 在 HTML 页面中插入 Django 模板标签 + HTML 元素答案

【问题标题】：How to insert a Django template tag + HTML element in a HTML page with Javascript如何使用 Javascript 在 HTML 页面中插入 Django 模板标签 + HTML 元素
【发布时间】：2021-01-12 19:48:30
【问题描述】：

如何使用 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>

【问题讨论】：

标签： javascript html django

【解决方案1】：

Django 模板 东西不是客户端的东西，当请求到达服务器时，Django 呈现 HTML 文件然后用它响应，HTML 文件在 服务器上被操作

而且你不需要 Django 使用条件，JS 已经可以根据条件插入元素。

【讨论】：