如何在 javascript function 中設置 jinja 變量？

Question

function show_modal(val1, val2){
    {% set msg1 = val1 %}
    {% set msg2 = val2 %}
    document.getElementById('id01').style.display='block'
}

我在模板的某些地方調用show_modal() function。

每次都需要為msg1和msg2分配情境值

不工作。 以下每個都不起作用：

function show_modal(){
    {% set msg1 = "Delete Column" %}
    {% set msg2 = "Are you sure you want to delete this column?" %}
    document.getElementById('id01').style.display='block'
}

我可以用這部分代碼顯示不同的提示嗎？ （默認情況下是不可見的）

<div id="id01" class="modal">
        <h1>{{ msg1 }}</h1>
        <p>{{ msg2 }}</p>
</div>

Answer 1

你必須為此使用純 js，嘗試這樣的事情：

function show_modal(){
   let msg1 = "Delete Column";
   let msg2 = "Are you sure you want to delete this column?";
   document.getElementById("id01").innerHTML=`
     <h1>${msg1}</h1>
     <p>${msg2}</p>`;
   document.getElementById('id01').style.display='block'
 }

<div id="id01" class="modal">
</div>