<div style="display: flex">
<app-component><!-- Внутри флекс элементы --></app-component>
</div>
<app-component>
, а не то, что внутри.<div>
<app-component><!-- Внутри флекс элементы --></app-component>
</div>
...
@Component({
selector: 'app-component',
templateUrl: '...',
host: {
'class': 'app-flex-style'
}
})
export class AppComponent {
....
}
...
@Component({
selector: 'app-component,[appComponent]',
templateUrl: '...',
})
export class AppComponent {
....
}
<div appComponent style="display: flex">
<!-- Внутри флекс элементы -->
</div>
<div>
<app-component style="display: flex"><!-- Внутри флекс элементы --></app-component>
</div>