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