En la página html, habrá un elemento de secuencia de comandos que es un contenido estático (generado a partir de un backend de Django) con una ID.

 <script id="hello-data" type="application/json">{"hello": "world\\u003C/script\\u003E\\u0026amp;"}</script>

Quería obtener esos datos en un servicio angular (o incluso un componente) que tendría un simple getElementById es javascript.

 const value = JSON.parse(document.getElementById('hello-data').textContent);

Hice muchas búsquedas, encontré respuestas que apuntaban a "ViewChild", "@Inject(DOCUMENT)", pero ninguna de estas funciona en una etiqueta de 'script'.

Cualquier sugerencia de solución sería realmente apreciada :)

Ediciones: a continuación se muestra lo que he intentado con DOCUMENTO

 constructor(@Inject(DOCUMENT) document: Document) { let el = document.getElementById('hello-data'); console.log(el); // This prints null //this.data = JSON.parse(el.textContent); }

Curiosamente, si me cansé de acceder a cualquier otro elemento por ID, funciona. Veo el problema solo con la etiqueta del script.