NgStyle

directive

Update an HTML element styles.

See more...

NgModule

Selectors

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()

Parameters

There are no parameters.

© 2010–2019 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://v6.angular.io/api/common/NgStyle