NgStyle

Stable Directive

Что делает

Обновляет стили HTML-элемента.

Как использовать

<some-element [ngStyle]="{'font-style': styleExp}">...</some-element>

<some-element [ngStyle]="{'max-width.px': widthExp}">...</some-element>

<some-element [ngStyle]="objExp">...</some-element>

Обзор класса

class NgStyle implements DoCheck {
  constructor(_differs: KeyValueDiffers, _ngEl: ElementRef, _renderer: Renderer)
  
  
  ngStyle 
  ngDoCheck()
}

Селекторы

[ngStyle]

Описание класса

Стили обновляются в соответствии со значением результата вычисления выражения:

• ключи — это имена стилей с необязательным суффиксом .<unit> (например, 'top.px', 'font-style.em'),
• значения — значения, присваиваемые этим свойствам (выраженные в заданной единице).

Конструктор

constructor(_differs: KeyValueDiffers, _ngEl: ElementRef, _renderer: Renderer)

Подробное описание класса

ngStyle

ngDoCheck()

экспортировано из @angular/common/index, определено в @angular/common/src/directives/ng_style.ts