如何用角度绑定transform: translateX()样式?
我试过的是:
<div [style.transform]="translateX({{x}})">和
<div [style.transform.translateX.px]="x">发布于 2017-04-07 11:35:51
发布于 2020-05-04 21:14:32
[ngStyle]="{'transform': 'translateX(' + transX + 'px)'}"其中transX是一个组件变量。
发布于 2021-06-14 16:56:18
接受的答案有效,但是您可以使用方法作为样式属性的绑定,从而使代码更加简洁。
<div *ngFor="let il of imageLayers">
<img class="divFloatLayer"
[src]="il.img_src"
[style.left]="il.getLeftPx()"
[style.top]="il.getTopPx()"
[style.z-index]="il.getZindex()"
[style.transform]="il.getTransform()"
/>
</div>在包含需要绑定到的值的类中:
getLeftPx() {
return `${this.left}px` ;
}
getTopPx() {
return `${this.top}px` ;
}
getZindex() {
return `${this.z_index}` ;
}
getTransform() {
return `translateX(${this.x}px)`;
}https://stackoverflow.com/questions/43276586
复制相似问题