<div[class.special]="isSpecial">The class binding is special</div>
<div[ngClass]="currentClasses">This div is initially saveable, unchanged, and special</div>
this.currentClasses = {
'saveable': this.canSave,
'modified': !this.isUnchanged,
'special': this.isSpecial
};
style
<div[style.font-size]="isSpecial ? '12px' : '20px'">
This div is x-large or smaller.
</div>
<div[ngStyle]="currentStyles">
This div is initially italic, normal weight, and extra large (24px).
</div>
this.currentStyles = {
'font-style': this.canSave ? 'italic' : 'normal',
'font-weight': !this.isUnchanged ? 'bold' : 'normal',
'font-size': this.isSpecial ? '24px' : '12px'
};
class:<div [class.special]="isSpecial">The class binding is special</div><div [ngClass]="currentClasses">This div is initially saveable, unchanged, and special</div>this....