Angular 2: дочерние стили маршрутизатора-розетки

Есть ли способ в Angular 2 установить общие стили для каждого дочернего элемента, добавляемого маршрутизатором?

В моем конкретном случае я использую flex-боксы, поэтому мне нужно, чтобы каждый родитель имел стиль display:flex. Но, как вы знаете, каждый компонент Angular оборачивает свое содержимое и динамически создает свой собственный контейнер. Я знаю, что могу использовать стили :host, чтобы удовлетворить эту потребность. Я знаю, что могу также использовать ng-deep для родительских стилей router-outlet, чтобы передать их дочерним элементам. Есть ли другой способ решить эту проблему?


person Alexander Hrytsenko    schedule 18.09.2017    source источник


Ответы (1)


Вы можете обернуть в div, если хотите

<div style='display: flex'>
 <router-outlet></router-outlet>
<div>

or

::ng-deep flex {
  display: flex
}
person alexKhymenko    schedule 18.09.2017
comment
Дочерние контейнеры не наследуют стили родительского контейнера. Так что не помогает.. - person Alexander Hrytsenko; 25.09.2017
comment
Тогда просто используйте ngDeep, и другого варианта нет, - person alexKhymenko; 25.09.2017