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

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

CdkDragPlaceholder

Element that will be used as a template for the placeholder of a CdkDrag when it is being dragged. The placeholder is displayed in place of the element being dragged.

Selector: 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).

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
1
0
7 500
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

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

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

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

Удачи!

Другие вопросы по теме