html - 使用 style.width.px 而不是在 ngStyles 或外部样式中定义它的优势

Question

谁能告诉我使用 [style.width.px] 语法相对于 ngStyles 中定义的样式或使用 外部 css 文件中定义的样式的优势。我认为如果我们以任何一种方式定义它都没有太大区别。

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

Answer 1

ngStyle

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

• ngStyle 接受具有键作为 css 属性和值以及静态或动态值的对象。例如

   [ngStyle]="{'font-style': styleExp,'width':'30px', 'height': dynamicHeight}"
  

style.width.px

当你必须根据某些条件动态设置宽度而不是使用这种语法来实现它时使用 liek this

[style.width.px]="width" 

style

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