Как заставить угловой компонент занимать всю высоту экрана

Question

Я вкладываю угловой компонент в другой, который занимает весь экран, используя height:100%; в CSS-файле компонента. Я пытаюсь наложить их на слои и хочу, чтобы каждый компонент занимал всю высоту экрана, но height:100% не имеет никакого эффекта

Для справки я пытаюсь подражать что-то вроде http://andrewborstein.github.io/portfolio/

Answer 1

Просто добавьте стиль к вашему элементу:

height: 100vh;

Или создайте класс CSS и добавьте его в элемент:

.full-height {
    height: 100vh;
}

Answer 2

Использование :host селектор

hello.component.css

:host{
  background: #4285f4;
  color:#fff;
  position: fixed;
  top:0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

Пример стекаблица