Html 带ES6模板字符串的Angular 4模板绑定

我可以在Vue中执行某些操作，但在Angular 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)'}">

---

有没有一种方法可以在Angular 4 html模板中使用ES6模板字符串？

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

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

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

/*my.component.html*/
...

2016年3月，我提交了一份与此类似的问题（用于插值），但该问题无缘无故地被关闭。您可以在这里查看：建议改为将其作为组件中的属性处理。遗憾的是，在Vue中有这样的属性真是太好了。

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