CSS-i stiilide seostamine elemendiga Angularis
HTML-elemendile saame määrata ka kindla stiilide kogumi. Seda tehakse direktiivi ngStyle abil. Sellele direktiivile tuleb anda objekt CSS-i omaduste ja nende väärtustega.
Proovime:
<div [ngStyle]="{'color': 'red', 'font-size': '20px'}">
text
</div>
Antud on objekt:
export class AppComponent {
public obj = {
color: red,
fontSize: '30px',
fontWeight: 'bold'
}
}
Stiilistage mõni element selle objekti abil.