Question

有人可以告诉我使用[style.width.px]语法优于ngStyles或style defined in an external css file中定义的样式的优势。如果我们以任何一种方式定义，我都不认为这会有很大的不同。

我看到某处[style.width.px]添加了动态样式，但无法理解在哪种情况下需要这样做。有人可以揭露使用[style.width.px]类属性有用的场景吗？

Answer 1

ngStyle

当我们必须在单个对象中提供多个stlyes时，我们假设您必须动态或统计更改高度，宽度和颜色等，而不是使用ngStyle。

ngStyle接受具有键作为css属性和值以及静态或动态值的对象。例如
```
 [ngStyle]="{'font-style': styleExp,'width':'30px', 'height': dynamicHeight}"
```

style.width.px

如果必须根据某些条件动态设置宽度，则使用

，而不是使用此语法设置此值

[style.width.px]="width"

式

外部样式基本上在样式为静态时使用，样式中没有动态值