找不到不同的支持对象'翻译(0px,0px)'在角5

时间:2018-03-30 05:52:22

标签: angular angular5

在组件中,我想将对象翻译(拖动)到其他位置,我有这个用于翻译对象的拖拽方法,或者说div,但我得到了标题中提到的错误。

onDragStart(element: HTMLElement) {
    var style = window.getComputedStyle(element);
    var matrix = new WebKitCSSMatrix(style.webkitTransform);
    this.translateY = matrix.m42 + 80;
    this.translation = "translate( 0px," + this.translateY + "px)";
    console.log(element);    
}

<div [ngStyle]="translation">

</div>

1 个答案:

答案 0 :(得分:2)

我只是通过更改

解决了这个问题

[ngStyle]="translation"

[style.transform]="translation"