Bindung av CSS-stilar till tagg i Angular
För ett HTML-element kan vi också ställa in en
specifik uppsättning stilar. Detta görs med
hjälp av direktivet ngStyle. Till denna
direktiv ska ett objekt med CSS-egenskaper
och deras värden skickas.
Låt oss prova:
<div [ngStyle]="{'color': 'red', 'font-size': '20px'}">
text
</div>
Ett objekt ges:
export class AppComponent {
public obj = {
color: red,
fontSize: '30px',
fontWeight: 'bold'
}
}
Styliza någon tagg med hjälp av detta objekt.
