角2：ルータアウトレットの子供のスタイル

Question

ルーターで追加されるすべての子供に共通のスタイルを設定する方法はありますか？

私の場合、私はフレックスボックスを使用していますので、各親にdisplay：flexスタイルが必要です。しかし、わかっているように、各Angularコンポーネントはコンテンツをラップし、独自のコンテナを動的に生成します。私は使用できることを知っています：このニーズをカバーするホストスタイル。私は、ルーターアウトレットの親スタイルでng-deepを使用して、子供にそれらをプッシュすることもできることを知っています。これに対処する他の方法はありますか？

Answer 1

あなたは

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

または

::ng-deep flex { 
    display: flex 
}