Угловой w / Flexbox app-root шириной не 100%

Question

Я пытаюсь использовать Angular 7 с Flexbox.

Булма, если быть точным.

Мой app-root компонент, однако, не имеет ширины 100%. Как я могу добиться этого правильно?

Мой styles.scss выглядит как

@import "./variables";
@import "~bulma";
html,
body {
    height: 100%;
}

body {
    display: flex;
}

app-root {
    height: 100%;
    width: 100%;
}

И это работает, однако я не уверен, что использование app-root таким образом является правильным.

Answer 1

У вас есть файл app.component.scss?

Вы можете добавить его, и он должен правильно нацелить этот компонент.

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

:host используется для адресации элемента хостинга (например).