Angular перетаскивание: элементы не должны быть удалены из контейнера после перетаскивания - PullRequest
Новая
       47

Angular перетаскивание: элементы не должны быть удалены из контейнера после перетаскивания

0 голосов
/ 27 января 2020

Я использую Angular перетаскивание CDK :

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

enter image description here

Как вы можете видеть на картинке, я хочу перетащить элемент "Go home" от «Делать» контейнер до «Готово» контейнер.

Я хочу сохранить предмет после выпадения.

Пример: https://stackblitz.com/angular/bypeyxpbvxe?file=src%2Fapp%2Fcdk-drag-drop-connected-sorting-example.html

Любая помощь, пожалуйста ...

1 Ответ

0 голосов
/ 27 января 2020

Я не думаю, что это возможно с angular -материалом. Вот возможное решение 

<div class="example-box" *ngFor="let item of todo" cdkDrag>{{item}} <span (click)="copyMe(item)">Copy</span> </div>


 copyMe(item: any) {
    console.log(item)
    const newItem = item
    this.todo.push(newItem)
  }

Stackblitz: https://stackblitz.com/angular/xlkxgkneavr?file=src%2Fapp%2Fcdk-drag-drop-connected-sorting-group-example.ts

...