• 개요
@angular/cdk/drag-drop

PreviewContainer

타입 별칭

드래그 항목의 미리보기를 삽입할 수 있는 위치입니다.

  • global - 미리보기를 <body>의 맨 아래에 삽입합니다. overflow: hidden이나 z-index를 신경 쓰지 않아도 된다는 장점이 있지만, 항목의 상속된 스타일은 유지되지 않습니다.
  • parent - 미리보기를 드래그 항목의 부모 안에 삽입합니다. 상속된 스타일이 유지된다는 장점이 있지만, overflow: hidden에 의해 잘리거나 z-index 때문에 보이지 않을 수 있습니다. 또한 미리보기는 :nth-child 같은 선택자와 일부 flexbox 설정에 영향을 줍니다.
  • ElementRef<HTMLElement> | HTMLElement - 미리보기를 특정 엘리먼트 안에 삽입합니다. parent와 같은 장단점이 있습니다.

API

    
      type PreviewContainer = 'global' | 'parent' | ElementRef<HTMLElement> | HTMLElement
    
    
상세 내용으로 이동