Как отключить анимацию перетаскивания cdkDrag? - PullRequest
Новая
       20

Как отключить анимацию перетаскивания cdkDrag?

0 голосов
/ 15 марта 2020

У меня есть пример, где я использовал cdkDrag. Я не хочу ничего видеть, когда начинаю перетаскивать. Как я могу отключить CSS классы, которые применяются в состоянии перетаскивания?

enter image description here

Вы можете видеть, что мой предмет немного виден, когда я перетаскиваю его, и я не хочу видеть. Как это возможно? Я не смог найти, какой класс CSS следует отключить.

https://stackblitz.com/edit/angular-gbls7d-rih7te?file=src / приложение / CDK-перетаскивание соединенного-сортировочный-пример. html

1 Ответ

2 голосов
/ 15 марта 2020

Вы можете настроить предварительный просмотр с помощью директивы cdkDragPreview, описанной в Angular Материалы D & D CdkDragPreview docs . 

<div cdkDropList class="example-list" (cdkDropListDropped)="drop($event)">
  <div class="example-box" *ngFor="let movie of movies" cdkDrag>
    {{movie.title}}
    <img *cdkDragPreview [src]="movie.poster" [alt]="movie.title">
  </div>
</div>

См. Пример Stackblitz .

Например, вы можете добавить элемент в ваш элемент cdkDrag root.

Например: 

...
<tr *ngFor="let feed of todo;let index = index" cdkDrag  (cdkDragStarted)="started($event)">
          <span *cdkDragPreview>Test</span>
                    <td>
...

Проверить ваш адаптированный Stackblitz .

...