NgStyle
directive
Update an HTML element styles.
NgModule
Selectors
[ngStyle]
Properties
| Property | Description |
|---|---|
@Input()ngStyle: {
[key: string]: string;
} | Write-only. |
Description
The styles are updated according to the value of the expression evaluation:
- keys are style names with an optional
.<unit>suffix (ie 'top.px', 'font-style.em'), - values are the values assigned to those properties (expressed in the given unit).
<some-element [ngStyle]="{'font-style': styleExp}">...</some-element>
<some-element [ngStyle]="{'max-width.px': widthExp}">...</some-element>
<some-element [ngStyle]="objExp">...</some-element> Methods
| ngDoCheck() |
|---|
|
© 2010–2019 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://v6.angular.io/api/common/NgStyle