Я пытаюсь переопределить свойство style тега body с помощью script, например:
<script type='text/javascript'>
window.onload = function() {
document.body.style.cssText = 'color: red'
}
</script>
Проблема в том, что я встраиваю некоторый код, сгенерированный из API Rest, в приложение Angular, где у меня много ограничений:
- У меня нет прав на кодирование в самом приложении Angular
- Также я не могу изменить тег
head
-
<div id='content'> - это код, который я могу встроить в приложение Angular
<html>
<head>...</head>
<body style=''>
<app-root>
<div id='content'>
...
<script type='text/javascript'>
window.onload = function() {
document.body.style.cssText = 'color: red'
}
</script>
...
<p>some text</p>
</div>
</app-root>
</body>
</html>
Затем, когда я загружаю приложение Angular в браузер, <body style=''> не меняется.
Я пробовал ванильный образец без Angular, и он работает как положено: Fiddle
Поскольку у меня почти нет опыта работы с Angular, мой вопрос: есть ли у Angular какие-либо ограничения, которые не позволяют изменять какой-либо тег html вне его области действия?