填写这份《一分钟调查》,帮我们(开发组)做得更好!去填写Home

NgStyle

一个属性指令,用于更新容器元素的样式。可以通过指定用冒号分隔的键值对来设置一个或多个样式属性。其键是样式名称,带有可选的 <unit> 后缀(比如 'top.px','font-style.em');其值是待求值的表达式。如果求值结果不是 null,则把用指定单位表示的结果赋值给指定的样式属性;如果是 null,则删除相应的样式。

An attribute directive that updates styles for the containing HTML element. Sets one or more style properties, specified as colon-separated key-value pairs. The key is a style name, with an optional .<unit> suffix (such as 'top.px', 'font-style.em'). The value is an expression to be evaluated. The resulting non-null value, expressed in the given unit, is assigned to the given style property. If the result of evaluation is null, the corresponding style is removed.

NgModule

选择器

属性

属性说明
@Input()
ngStyle: { [klass: string]: any; }
Write-only.

继承自 NgStyleBase

说明

Set the font of the containing element to the result of an expression.

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

Set the width of the containing element to a pixel value returned by an expression.

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

Set a collection of style values using an expression that returns key-value pairs.

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

方法

ngDoCheck()
      
      ngDoCheck()
    
参数

没有参数。

继承自 NgStyleBase