Свързване на CSS стилове към таг в Angular
За HTML елемент можем също да зададем и
определен набор от стилове. Това се прави с
помощта на директивата ngStyle. В тази
директива трябва да се подаде обект с CSS
свойства и техните стойности.
Нека опитаме:
<div [ngStyle]="{'color': 'red', 'font-size': '20px'}">
text
</div>
Даден е обект:
export class AppComponent {
public obj = {
color: red,
fontSize: '30px',
fontWeight: 'bold'
}
}
Стилизирайте някой таг с помощта на този обект.