Stable Directive
What it does
Update an HTML element styles.
How to use
<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
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.