Angular'da Etiketlere CSS Stilleri Bağlama
Bir HTML öğesi için belirli bir stil kümesi de
tanımlayabiliriz. Bu, ngStyle direktifi
kullanılarak yapılır. Bu direktife, CSS
özelliklerini ve değerlerini içeren bir nesne
iletilmelidir.
Hadi deneyelim:
<div [ngStyle]="{'color': 'red', 'font-size': '20px'}">
text
</div>
Bir nesne verildi:
export class AppComponent {
public obj = {
color: red,
fontSize: '30px',
fontWeight: 'bold'
}
}
Bu nesneyi kullanarak bir etiketi stilize edin.