angular - 如何将方法 "getFreeDragPosition"用于 Angular 8 CdkDrag？

Question

Angular 中有一个方法定义 CdkDrag API。


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

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

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>