2017-02-15 21 views
0

有人可以告诉我使用[style.width.px]语法优于ngStylesstyle defined in an external css file定义的样式的优点。如果我们以任何一种方式定义它,我认为没有太大的区别。使用style.width.px而不是ngStyles或外部样式定义它的好处

我看到某处[style.width.px]增加了动态样式,但无法理解,因为在这种情况下这将是必需的。有人可以暴露这种情况下,使用[style.width.px]种财产会有用吗?

+0

没有动态值!重要的。我只会在动态执行某些动作时才使用它,需要手动添加宽度(在我要操作它的时候)。例如,图像滑块通常将图像包裹在一个大的div中,并添加根据图像数量和宽度计算出的宽度。除了如果我使用js动态改变宽度,我总是会使用样式表 – Pete

回答

0

ngStyle

基本上使用时,我们必须在一个单一的对象提供多个stlyes让假设你必须改变高度,宽度和颜色等动态地或统计的比可以使用ngStyle。

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

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

style.width.px当你有根据一些条件来动态设置宽度比你可以实现这一目标使用此语法liek此

用于 ​​

样式

外部风格基本上使用时的风格是静中有使用爵士风格意味着它将覆盖未标明任何其他样式的样式

相关问题