Как использовать заполнитель для Angular Material 7 drag and drop?

Question

Я использую библиотеку Angular Material 7 Drag & Drop и пытаюсь выяснить, как использовать cdkDragPlaceholder .

CdkDragPlaceholder

Элемент, который будет использоваться в качестве шаблона для заполнителя CdkDrag при его перетаскивании.Заполнитель отображается вместо перетаскиваемого элемента.

Селектор: ng-template [cdkDragPlaceholder]

Я пробовал следующий код ( см. Stackblitz ):

 <div class="example-box" *ngFor="let movie of movies" cdkDrag>
    <div class="example-custom-placeholder" *cdkDragPlaceholder>asd</div>
    {{movie}}
  </div>

но при перетаскивании нет заполнителей.Если я оберну вышеупомянутый код внутри элемента div с директивой cdkDropList, я смогу увидеть заполнитель.Что я могу сделать, чтобы убедиться, что я правильно использую заполнитель, только для элемента с прикрепленным к нему директивой cdkDrag (не обязательно с использованием cdkDragList).

Answer 1

Кажется, что функция, которую вы ищете, может быть еще не доступна.

Я тоже это проверял, и попытка использовать элемент *cdkDragPlaceholder без создания cdkDropList, похоже, не работает. Документы не делают этого различия, но они также не дают примеров заполнителей, работающих вне списка.

Вы можете следить за этот GitHub выпуск , так как кажется, что он запрашивает функцию, которую вы пытаетесь реализовать.

Удачи!