バインドtranslateX変換Angular2/4

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 protectionをバイパスする必要があります。