我尝试使用transform: translateX($value)有条件地将[ngStyle]直接应用于模板元素，但我找不到任何人在谈论此事。主要是因为我不知道要搜索什么：D。
我已经看到一些使用[style.color]进行基本样式的方法或使用[attr.style]="{'transform': 'translateX(4rem)'}"进行更高级的方法，但最后一个方法在呈现的HTML中返回：style="unsafe"。我已经看到你可以使用Sanitizer来消毒或绕过你的风格/剧本等......但是在这一点上它已经开始闻起来了＃39;喜欢你不应该做的事情？我正在寻找一种干净的方法来实现这一目标。但我不知道在哪里看。
先感谢大家！
答案 0 :(得分：9)
或者您可以使用[style.transform]="'translateX('+$value+')'"它本质上是相同的，但我更喜欢这种语法。
答案 1 :(得分：5)
假设控制器中有[ngStyle]变量，您可以使用$value，如下所示：
[ngStyle]="{'transform': 'translateX(' + $value + 'px)'}"
并假设您要更改具有控制器变量$ x，$ y
的轴[ngStyle]="{'transform': 'translate(' + $x + 'px, ' + $y + 'px)'}"
答案 2 :(得分：0)
[style.transform] =“'translateX（'+ value +'px）'” 在Angular中为我工作。
$ value 给我一个错误。