NgStyle

Директива атрибута, которая обновляет стили содержащего HTML-элемента. Задает одно или несколько свойств стиля в виде пар «ключ-значение», разделенных двоеточием. Ключ — это название стиля с необязательным суффиксом .<unit> (например, 'top.px', 'font-style.em'). Значение — выражение, которое нужно вычислить. Полученное ненулевое значение, выраженное в указанной единице измерения, присваивается соответствующему свойству стиля. Если результат вычисления равен null, соответствующий стиль удаляется.

API

class NgStyle implements DoCheck {
  constructor(_ngEl: ElementRef<any>, _differs: KeyValueDiffers, _renderer: Renderer2): NgStyle;
  @Input() set ngStyle(value: { [klass: string]: any; } | null | undefined);
}

constructor

NgStyle

@param_ngElElementRef<any>

@param_differsKeyValueDiffers

@param_rendererRenderer2

@returnsNgStyle

{ [klass: string]: any; } | null | undefined

ngDoCheck

void

@returnsvoid

Описание

Экспортируется из

CommonModule

Примечания по использованию

Задайте ширину содержащего элемента в пикселях, используя значение, возвращаемое выражением.

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

Задайте набор значений стилей с помощью выражения, возвращающего пары «ключ-значение».

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

Для более простых случаев можно напрямую использовать привязки стилей. Для этого не требуется импортировать директиву.

Задайте шрифт содержащего элемента, используя результат выражения.

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