如何使用ng2动态添加css转换

Question

我正在尝试根据条件和变量设置变换。在大多数情况下，我可以使用各种逻辑动态设置样式，例如使用我的组件中的函数设置基于视图宽度的高度：

<button *ngFor="let slide of slides; let i = index" [style.height.vw]="circleNavSize(i)"></button>

或在标记​​中使用公式：

<button [style.width.vw]="widthVW / slides.length - 1"></button>

但这些都不适用于变换。通常没有错误，它什么都不做。我尝试过这样的事情：

<button [style.transform]="circleNavTransform()"></button>

circleNavTransform() {
  return 'translateY(' + this.circleNavSize() + ')';
}

或者像这样：

<button [style.transform.translateY]="circleNavTransform()"></button>

或者像这样：

<button [style.transform]="translateY(circleNavSize())"></button>

最后一个最终返回错误，因为translateY不是函数...

我在angular.io文档中没有看到任何内容。 我没有想法。