Δέσμευση CSS στυλ στην ετικέτα στο Angular
Για ένα HTML στοιχείο μπορούμε επίσης να ορίσουμε και
ένα συγκεκριμένο σύνολο στυλ. Αυτό γίνεται με
τη βοήθεια της οδηγίας ngStyle. Σε αυτήν την
οδηγία θα πρέπει να περάσουμε ένα αντικείμενο με CSS
ιδιότητες και τις τιμές τους.
Ας δοκιμάσουμε:
<div [ngStyle]="{'color': 'red', 'font-size': '20px'}">
text
</div>
Δίνεται ένα αντικείμενο:
export class AppComponent {
public obj = {
color: red,
fontSize: '30px',
fontWeight: 'bold'
}
}
Στυλιάστε μια ετικέτα χρησιμοποιώντας αυτό το αντικείμενο.
