Чтение значения элемента html-скрипта в Angular, которое имеет тип json

На html-странице будет присутствовать элемент script, который является статическим содержимым (сгенерированным из бэкенда Django) с идентификатором.

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

Я хотел получить эти данные в angular сервисе (или даже компоненте), который имел бы простой getElementById - javascript.

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

Я провел много поисков, нашел ответы, указывающие на "ViewChild", "@Inject(DOCUMENT)", но ни один из них не работает на теге 'script'.

Любые указания на решение были бы очень признательны :)

Вернуться на верх