angular - 是否可以使用 ng2-dragula 拖放整个 Angular2 组件？

Question

我有一个由 *ngFor 在父 comp.[cardlist] 中生成的子组件 [cards] 的列表，现在我想拖动（复制）其中一个子组件并将其放到父兄弟 [custom] 组件中。

此外，childs[cards] 从多个服务和@inputs 接收数据，我应该在删除 [cards] 之后将其显示在 [custom] 组件中。我已经设法使用带有 [(dragulaModule)] 的简单数组来做到这一点，但我不知道如何使用组件来管理它。

是否可以在数组中收集 [card]components 类，如果可以，我如何引用 d'n'd-ed 类的变量？

Answer 1

不确定这是否是您要查找的内容，但肯定您可能在 Dragula 包中使用 *ngFor 生成的项目。

<div
  class="row"
  dragula="'bag-items'" 
  [(dragulaModel)]="items">
  <app-list-item
    id={{item?.id}}
    *ngFor="let item of store?.items | async"
    [item]="item"
    [editMode]="store?.editMode | async"
    (tileClick)="onTileClick($event)">
  </app-list-item>
</div>