单击重置按钮时，角材料拖放将重置到初始位置

Question

单击关闭按钮将div移至初始位置。

<div style="background: red; width:75px" class="example-box" (cdkDragEnded)="drop($event)" cdkDrag>
  <button (click)="reset()">close</button>
  Contents of dragable element
</div>

ts文件

distance = {};
  drop(ev): void {
    console.log('element dropped');
    this.distance = ev.distance;
    console.log(ev);
  }
  reset() {
    console.log('Moved to initial position', this.distance)
  }

拖动拖动发生，但是我需要在单击关闭按钮的同时重置初始位置

Answer 1

角度材料重置拖动位置

evt;
  drop(ev): void {
    this.evt = ev.source;
  }
  reset() {
    this.evt._dragRef.reset();
  }