角4模板与ES6模板字符串的绑定

Question

我可以在Vue做一些事情，但似乎在第4角没有效果：

<div class="time-translate" [ngStyle]="{transform: `translate3d(${gridTranslateX}px, 0, 0)`}">

看来我必须回到原来的角度1.x方式：

<div class="time-translate" [ngStyle]="{transform: 'translate3d(' + gridTranslateX + 'px, 0, 0)'}">

在角4html模板中有使用ES6模板字符串的方法吗？

Answer 1

如果这是可能的话，那就太好了。同时，我认为一个类似的优雅解决方案是在组件类中定义一个样式对象，然后在模板中绑定到ngStyle。

/* my.component.ts */
export class MyComponent implements OnInit {
  myStyle: Object;

  ngOnInit() {
    myStyle = {'transform': `translate3d(${gridTranslateX}px, 0, 0)`};
  }
}

/* my.component.html */
<div class="time-translate" [ngStyle]="myStyle">...</div>