CSS-styling aan 'n etiket bind in Angular
Vir 'n HTML-element kan ons ook 'n
spesifieke stel style spesifiseer. Dit word gedoen met
behulp van die ngStyle-richtlijn. Aan hierdie
richtlijn moet 'n voorwerp met CSS
eienskappe en hul waardes oorgedra word.
Kom ons probeer:
<div [ngStyle]="{'color': 'red', 'font-size': '20px'}">
teks
</div>
Gegee die volgende voorwerp:
export class AppComponent {
public obj = {
color: red,
fontSize: '30px',
fontWeight: 'bold'
}
}
Styl 'n etiket met behulp van hierdie voorwerp.