Stable Directive
What it does
Update an HTML element styles.
How to use
1 2 3 4 5 | <some-element [ngStyle]="{'font-style': styleExp}">...</some-element><some-element [ngStyle]="{'max-width.px': widthExp}">...</some-element><some-element [ngStyle]="objExp">...</some-element> |
Class Overview
1 2 3 4 5 6 7 | class NgStyle { constructor(_differs: KeyValueDiffers, _ngEl: ElementRef, _renderer: Renderer) ngStyle ngDoCheck()} |
Selectors
[ngStyle]
Class Description
The styles are updated according to the value of the expression evaluation:
- keys are style names with an option
.<unit>suffix (ie 'top.px', 'font-style.em'), - values are the values assigned to those properties (expressed in the given unit).
Constructor
constructor(_differs: KeyValueDiffers, _ngEl: ElementRef, _renderer: Renderer)
Class Details
ngStyle
ngDoCheck()
exported from @angular/common/index, defined in @angular/common/src/directives/ng_style.ts
Please login to continue.