Размер вопроса после перенаправления

Question

Я пытаюсь сделать компонент, который должен занимать весь экран.Я попытался поместить его в ширину 100% и высоту 100%, и это не работает.Я использую угловой (с электроном).

При нажатии на ссылку на странице я перенаправлен в другой компонент.И этот компонент не занимает весь экран.Я хотел бы получить доступ к телу, например, изменить цвет фона, но я не могу получить к нему доступ.

body {
  color: $f-color;
  font-family: $ff-default;
  margin: 0;
  background: $dark;
}

(И мои переменные находятся в другом файле)

myapp.component.html:

<div style="height:100%; width: 100%;">
    <router-outlet></router-outlet>
</div>

После щелчка по домашнему компоненту я перенаправлен на другой компонент.

Например, элемент body в моем файле style.scss черныйи после перенаправления я хочу передать его на красный, но я не знаю, как это сделать.

Заранее спасибо.

Answer 1

Использование: селектор хоста в вашем компоненте .scss

:host {
  width: 100vh;
  height: 100vh;
}