• 개요
@angular/cdk/drag-drop

CdkDragDrop

인터페이스

사용자가 드래그 가능한 항목을 드롭 컨테이너 안에 놓을 때 발생하는 이벤트입니다.

API

    
      interface CdkDragDrop<T, O = T, I = any> {}
    
    

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

드롭 이벤트를 발생시킨 네이티브 이벤트입니다.

상세 내용으로 이동