ngStyle中的translateX在动态更新时不起作用。角度5

Question

我具有此属性，可以动态更新：

 <h5 class="s{{i + 1}}" [style.transform]="'translateX(' + venuescroll + ')'">{{locations.name}}</h5>

这是错吗？滚动时会更新此值。 venuescroll的值是32px并且正在增加。

Answer 1

如果场地滚动号是数字，则应为：

<h5 class="s{{i + 1}}" [style.transform]="'translateX(' + venuescroll + 'px)'">{{locations.name}}</h5>

ts代码：

 location = {name:'test'}
  venuescroll = 32

  ngOnInit(){
    setInterval(()=>{
        this.venuescroll = this.venuescroll + 1;
    },2000)
  }

正在工作Demo。

Answer 2

可以请您尝试一下  [ngStyle] =“ {'transform'：'translateX（'+场地滚动+'）'}”

谢谢你和最好的问候

Abhay Patidar