重定向后的尺寸问题

Question

我正在尝试制作一个需要占用整个屏幕的组件。 我试图将其宽度设置为100％，高度设置为100％，但它不起作用。 我使用的是角钢（带电子）。

通过单击页面上的链接，我被重定向到另一个组件。而且这个组件并不能覆盖整个屏幕。 我想访问正文，例如更改背景颜色，但无法访问。

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

（我的变量在另一个文件中）

我的app.component.html：

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

单击home组件后，我将重定向到另一个组件。

例如，我的s​​tyle.scss文件中的body元素为黑色，重定向之后，我想将其传递为红色，但是我不知道该怎么做。

多谢。

Answer 1

在组件.scss中使用：host选择器

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