如何为 Angular 8 CdkDrag 使用“getFreeDragPosition”方法？

Question

Angular CdkDragAPI 中有一个方法定义。

但是如何在代码中调用它呢？

我试过如下，但错误正在发生。使用这种方法的正确方法是什么？

export class DragableComponent implements OnInit {

  _dragRef: DragRef<CdkDrag>;


   this._dragRef.getFreeDragPosition();

Answer 1

这是在 的实例上调用的方法CdkDrag。获取实例的方法之一是使用cdkDragEnded输出事件。

示例代码：

public onDragEnded(event: CdkDragEnd): void {
  console.log(event.source.getFreeDragPosition()); // returns { x: 0, y: 0 }
}

<p cdkDrag (cdkDragEnded)="onDragEnded($event)">
  Draggable paragraph
</p>