将烧瓶变量从javascript传递到html

Question

我尝试以编程方式在JavaScript中生成html div，然后在单击按钮时将其添加到我的html页面中。除了不显示我来自Flask的变量之外，其他所有东西都运行良好。

示例：

JavaScript：

function add_div(){
    var html_to_add = "<div><p>{{my_string}}</p></div>";
    $(html_to_add).insertBefore("#submit-btn");
}

Python：

@app.route("/")
def main_page():
    return render_template("index.html",my_string="Variable à afficher")

在html中单击按钮时，它显示：{{my_string}}而不是“变量àafficher”。

有没有办法正确显示变量？

Answer 1

希望这会有所帮助。

var my_str = '{{ my_string }}';
var html_to_add = "<div><p>" + my_str + "</p></div>";

Answer 2

请尝试以下操作：

var html_to_add = `<div><p>${my_string}</p></div>`;

注意标点符号`，它是反引号。