CdkDragDrop — Angular

Событие, генерируемое, когда пользователь отпускает перетаскиваемый элемент внутри контейнера для сброса.

API

interface CdkDragDrop<T, O = T, I = any> {
  previousIndex: number;
  currentIndex: number;
  item: CdkDrag<I>;
  container: CdkDropList<T>;
  previousContainer: CdkDropList<O>;
  isPointerOverContainer: boolean;
  distance: { x: number; y: number; };
  dropPoint: { x: number; y: number; };
  event: MouseEvent | TouchEvent;
}

previousIndex

number

Индекс элемента в момент, когда его взяли.

currentIndex

number

Текущий индекс элемента.

item

CdkDrag<I>

Элемент, который отпускают.

container

CdkDropList<T>

Контейнер, в который был помещён элемент.

previousContainer

CdkDropList<O>

Контейнер, из которого взяли элемент. Может совпадать с container.

isPointerOverContainer

boolean

Находился ли указатель пользователя над контейнером в момент, когда элемент отпустили.

distance

{ x: number; y: number; }

Расстояние в пикселях, на которое пользователь перетащил элемент с начала перетаскивания.

dropPoint

{ x: number; y: number; }

Положение указателя в момент, когда элемент отпустили

event

MouseEvent | TouchEvent

Собственное событие, вызвавшее событие сброса.