如何使用方法"getFreeDragPosition" for Angular 8 CdkDrag？

Question

AngularCdkDragAPI中有方法定义。

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

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

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>

Answer 2

对于任何对如何使用“reset()”方法感兴趣的人，因为它不是从事件中自然而来的：

1. HTML: 制作模板引用，并将其分配给“cdkDrag”
2. TS: 在此引用上调用方法