Angular2 — как не потерять связь стилей при подключении компонента?
<div>
    <app-component><!-- Внутри флекс элементы --></app-component>
</div>...
@Component({
  selector: 'app-component',
  templateUrl: '...',
  host: {
    'class': 'app-flex-style'
  }
})
export class AppComponent {
  ....
}
и прописываете классу .app-flex-style {  display: flex } и всё остальное, что нужно. Не надо засорять html, и нужно всё раскладывать по полочкам для лёгкой манипуляции приложением
<div>
<app-component style="display: flex"><!-- Внутри флекс элементы --></app-component>
</div>