CSS-tyylien sitominen tagiin Angularissa
HTML-elementille voimme myös määrittää
tietyn tyylijoukon. Tämä tehdään
ngStyle-direktiivin avulla. Tähän
direktiiviin tulee välittää objekti CSS-
ominaisuuksilla ja niiden arvoilla.
Kokeillaan:
<div [ngStyle]="{'color': 'red', 'font-size': '20px'}">
teksti
</div>
Annettu objekti:
export class AppComponent {
public obj = {
color: red,
fontSize: '30px',
fontWeight: 'bold'
}
}
Tyylistä jokin tagi tämän objektin avulla.
