Как использовать данные из модели в javascript файлах?

Question

[Mike]

Почему я не могу получить переменную в javascript файле? К примеру, я в файле main.js
определяю переменную таким образом
var bar = "{{ user.username }}"
и это не работает.
Мне приходится сначала в HTML файле определить эту переменную и потом только подключить
main.js в конец файла, таким вот способом и только потом в файле main.js я могу обращаться к этой переменной "bar":
<script src="/static/demo/js/main.js"></script>

Answer 1

[Roman K]

Очевидно, потому что JS файлы не рендерятся Django-шаблонизатором.

Comments

[Mike]

а jinja2 рендерит?

[Roman K]

Mike Ru: Нет, ты, конечно, можешь пропустить JS через джанго-шаблонизатор, только это маразм.

[Mike]

Roman Kitaev: Понятно

Answer 2

[sim3x]

Для одной переменной

<div
id="user" 
data-username="{{ user.username }}">

<script>
var _user = document.getElementById('user');
var username = _user.dataset.username;

https://developer.mozilla.org/en-US/docs/Learn/HTM...