<state data-value="{{ state }}"></state>En mi archivo JavaScript tengo:
var state = document.getElementsByTagName('state')[0].getAttribute('data-value'); En el pasado, esto se hizo debido a la especificación XHTML1.1: ¿cuál es el enfoque correcto en los tiempos de hoy?
<div data-value="{{ state }}"></div> ?
También podríamos hacerlo en la plantilla html <script>var state = '{{ state }}';<script> pero tengo un montón de asignaciones de este tipo.
¿De qué otra forma podemos asignar en masa variables de JavaScript insertadas en la plantilla HTML?
Podría agregar algo como esto en el contexto de la vista de Django:
"MY_VARIABLES": json.dumps({ "state": "My state", "number": 40, "isActive": True, ... })Y en la plantilla, asigne solo una variable y use los valores como propiedades del objeto:
var MY_VARIABLES = {{ MY_VARIABLES|safe }}; > MY_VARIABLES.state
'My state'
> MY_VARIABLES.number
40
> MY_VARIABLES.isActive
true