CSS stílusok hozzárendelése egy elemhez Angularban
Egy HTML-elemhez adhatunk meg egy meghatározott
stíluskészletet is. Ezt az ngStyle
direktívával tehetjük meg. Ennek a direktívának
egy objektumot kell átadni CSS tulajdonságokkal
és azok értékeivel.
Próbáljuk ki:
<div [ngStyle]="{'color': 'red', 'font-size': '20px'}">
szöveg
</div>
Adott egy objektum:
export class AppComponent {
public obj = {
color: red,
fontSize: '30px',
fontWeight: 'bold'
}
}
Stílusozzon egy elemet ezzel az objektummal.
