在Angular2/4中绑定translateX变换

Question

如何transform: translateX()在Angular 2/4中绑定样式？

我尝试过的:

<div [style.transform]="translateX({{x}})">

和

<div [style.transform.translateX.px]="x">

Answer 1

这应该工作

<div [style.transform]="'translateX(' + x + 'px)'">

编辑

似乎有必要绕过XSS保护来实现这一点.