模板语法
服务端渲染
API / @angular/common

NgStyle

Update an HTML element styles.

修改 HTML 元素的样式。

@Directive({ selector: '[ngStyle]' }) class NgStyle implements DoCheck { set ngStyle: {...} ngDoCheck() }

选择器

[ngStyle]

输入参数

ngStyle 绑定到 NgStyle.ngStyle

说明

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'),

    key 是样式名，可以带一个可选的 .<unit> 后缀（比如 'top.px', 'font-style.em'），

  • values are the values assigned to those properties (expressed in the given unit).

    value 是一些与这些属性相关的值（以指定的单位表示）。

属性

属性名类型说明
ngStyle

方法

ngDoCheck()

ngDoCheck()

参数

没有参数。

使用说明

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