Передайте переменную фляги из JavaScript в HTML

Question

Я пытаюсь программно сгенерировать HTML-div в JavaScript и добавить его на мою 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 html_to_add = `<div><p>${my_string}</p></div>`;

Обратите внимание на знак препинания `, это обратная кавычка.

Answer 2

Надеюсь, это поможет.

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