Priradenie CSS štýlov k elementu v Angular
Pre HTML element môžeme tiež nastaviť
konkrétnu sadu štýlov. To sa robí pomocou
direktívy ngStyle. Do tejto
direktívy by sa mal odovzdať objekt s CSS
vlastnosťami a ich hodnotami.
Skúsme to:
<div [ngStyle]="{'color': 'red', 'font-size': '20px'}">
text
</div>
Daný je objekt:
export class AppComponent {
public obj = {
color: red,
fontSize: '30px',
fontWeight: 'bold'
}
}
Vystylujte nejaký element pomocou tohto objektu.