Невозможно передать переменные jinja2 во фрагмент JavaScript
Нет, это невозможно, так как стиль для этих элементов обрабатывается ОС пользователя. MSDN ответит на ваш вопрос здесь :
За исключением
background-colorиcolor, параметры стиля, применяемые к объекту стиля для элемента опции, игнорируются.
4 ответа
кроме инкапсуляции переменной в строку, альтернативой является jquery для получения прибыли:
вообще плохая идея смешивать язык шаблонов с javascript. Альтернативой может быть использование html в качестве прокси - сохраните имя в таком элементе, как
<meta id="my-data" data-name="{{name}}" data-other="{{other}}">
, затем в javascript сделайте
var djangoData = $('#my-data').data();
, что имеет преимущество в:
- javascript больше не привязан к странице .html.
- jquery принудительно приводит данные
Я знаю, что это довольно старая тема, но, поскольку она привлекает множество мнений, я полагаю, что некоторые люди все еще ищут ответ.
Вот самый простой способ сделать это:
var name = {{name|tojson}};
Он «проанализирует» любое имя и отобразит его правильно: https://sopython.com/canon / 93 / рендеринг-строка-в-дзиндзя-к-JavaScript-переменного /
Вот как я это сделал
Мой элемент HTML
<!--Proxy Tag for playlist data-->
<meta id="my_playlist_data" data-playlist="{{ playlist }}">
Мой элемент сценария
// use Jquery to get data from proxy Html element
var playlist_data = $('#my_playlist_data').data("playlist");
См. . data () документирование для более