Как я могу удалить предварительный просмотр из выпадающего раздела, используя Angular Drag and Drop? - PullRequest
Новая
       30

Как я могу удалить предварительный просмотр из выпадающего раздела, используя Angular Drag and Drop?

0 голосов
/ 17 июня 2019

Я использую функцию перетаскивания в Angular, чтобы перетащить карту из списка карт в пустой блок.

Pizza list

Я проверял документацию APIперетаскивания Angular, и я нашел возможную конфигурацию при предварительном просмотре перетаскивания, но не падение (самое большое изображение в примере)

Источник: 

<mat-accordion
      cdkDropList
      [cdkDropListConnectedTo]="['viewer0', 'viewer1', 'viewer2', 'viewer3']"
      (cdkDropListDropped)="drop($event)"
    >
      <div *ngFor="let serie of seriesList">
        <div
          cdkDrag
          [cdkDragData]="serie"
        >
..........

Отображение div: 

    <div cdkDropListGroup>
      <div
        cdkDropList
        cdkDropListConnectedTo="series-list"
        (cdkDropListDropped)="drop($event)"
      >
..........

Ожидается: предварительный просмотр изображения НЕ должен отображаться в правой части в тот момент, когда мы перетаскиваем карту.

1 Ответ

0 голосов
/ 17 июня 2019

Решено!

Я только что нашел в документации собственный класс .drop-preview , и я только что сделал некоторые изменения в файле scss: 

.drop-preview {
  background: $accent;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  p {
    padding-top: 15px;
    font-size: 17px;
  }
}

Теперь это выглядит так:

Nice pizza

...