如何在css中设置动态值?

时间:2016-09-12 10:37:49

标签: css angular typescript

我想传递动态css值。我想在索引的基础上改变css值。

  UPDATE Foo 
   SET Boo = '' 
  WHERE replace(Boo,' ','')= ''

但是这里的“左”值不是由html采用的。 我该如何解决?

2 个答案:

答案 0 :(得分:2)

ngStyle允许您这样做:

<hr [ngStyle]="{width: '150px', float: 'left', position: 'absolute', 'z-index': 99999, top: '28%', 'margin-left':'110px', left: (index == 0) ? '110px' : '145px'%}">

<hr style="width: 150px;float: left;position: absolute;z-index: 99999;top: 28%;margin-left:110px;" 
    [ngStyle]="{left: (index == 0) ? '110px'}"> : '145px'%;">

答案 1 :(得分:1)

要使角度评估表达式一次,请像往常一样使用双花括号:

<hr style="width: 150px;float: left;position: absolute;z-index: 99999;top: 28%;margin-left:110px; left: {{(index == 0) ? '110px' : '145px'}};">

要继续这样做,试试这个:

<hr style="width: 150px;float: left;position: absolute;z-index: 99999;top: 28%;margin-left:110px;" [style.left]="(index == 0) ? '110px' : '145px'">