CdkDropList
드래그 가능한 항목 모음을 감싸는 컨테이너입니다.
element
ElementRef<HTMLElement>connectedTo
string | CdkDropList<any> | (string | CdkDropList<any>)[]이 컨테이너와 연결되어 항목을 옮길 수 있는 다른 드래그 컨테이너입니다. 다른 드롭 컨테이너의 참조 또는 고유 ID를 지정할 수 있습니다.
data
T이 컨테이너에 첨부할 임의의 데이터입니다.
orientation
DropListOrientation목록의 배치 방향입니다.
id
string드롭 영역의 고유 ID입니다. 다른 CdkDropList의 connectedTo에서 참조할 수 있습니다.
disabled
boolean이 컨테이너에서 드래그 동작을 시작하지 못하게 할지 여부입니다.
disabled
booleansortingDisabled
boolean이 드롭 목록 안에서 정렬을 비활성화할지 여부입니다.
enterPredicate
(drag: CdkDrag<any>, drop: CdkDropList<any>) => boolean항목을 드롭 컨테이너로 이동할 수 있는지 결정하는 함수입니다.
sortPredicate
(index: number, drag: CdkDrag<any>, drop: CdkDropList<any>) => boolean항목을 특정 인덱스로 정렬할 수 있는지 결정하는 함수입니다.
autoScrollDisabled
boolean사용자가 포인터를 가장자리 가까이 이동할 때 뷰를 자동 스크롤할지 여부입니다.
autoScrollStep
NumberInput엘리먼트를 자동 스크롤할 때 프레임당 스크롤할 픽셀 수입니다.
elementContainerSelector
string | null드롭 목록의 대체 엘리먼트 컨테이너를 찾는 데 사용할 선택자입니다. 목록 안 드래그 항목의 부모 노드를 제어할 수 없는 경우(예: 컨텐츠 프로젝션) 대체 컨테이너가 유용합니다. 다음과 같이 사용할 수 있습니다:
<div cdkDropList cdkDropListElementContainer=".inner">
<div class="inner">
<div cdkDrag></div>
</div>
</div>hasAnchor
boolean기본적으로 항목이 처음 컨테이너를 떠나면 플레이스홀더도 새 컨테이너로 옮겨집니다. 이를 원하지 않으면 이 옵션을 활성화하여 플레이스홀더를 복제하고 원래 컨테이너 안에 남길 수 있습니다. 항목이 처음 컨테이너로 돌아오면 앵커 엘리먼트는 자동으로 제거됩니다.
복제된 플레이스홀더는 cdk-drag-anchor 클래스로 스타일을 지정할 수 있습니다.
이 옵션은 cdkDropListSortingDisabled와 함께 드롭 목록의 복사 동작을 구현할 때 유용합니다.
dropped
EventEmitter<CdkDragDrop<T, any, any>>사용자가 컨테이너 안에 항목을 놓을 때 발생합니다.
entered
EventEmitter<CdkDragEnter<T, T>>사용자가 새 드래그 항목을 이 컨테이너로 옮겼을 때 발생합니다.
exited
EventEmitter<CdkDragExit<T, T>>사용자가 항목을 다른 컨테이너로 드래그하여 현재 컨테이너에서 제거할 때 발생합니다.
sorted
EventEmitter<CdkDragSortEvent<T, T>>사용자가 드래그 중 항목의 순서를 바꾸는 동안 발생합니다.
removeItem
voidgetSortedItems
CdkDrag<any>[]등록된 목록 항목을 DOM에서의 위치순으로 가져옵니다.
CdkDrag<any>[]ngOnDestroy
voidvoid