我有两个角组件,一个称为包含单个托盘项目的托盘,另一个称为主机,它最初是空的。我已经为每个组件(分别为“pallet-bag”和“host-bag”)声明了 ndragula 指令。我可以在我的托盘组件中重新排序托盘项目而没有任何问题,但是当我尝试将托盘项目拖到我的主机组件时,它不接受放置操作。我必须配置什么特定的东西才能让我的主人接受托盘中的物品吗?
调色板的 HTML 是:
<ul class="palette">
<app-palette-item [dragula]='"palette-bag"' id="palette" *ngFor="let item of Items" [Name]="item.Name" [Description]="item.Description" [Icon]="item.Icon"></app-palette-item>
</ul>
对于主机:
<div class="host" id="host" [dragula]='"host-bag"' [dragulaModel]='Items'>
<div *ngFor='let text of Items' [innerHtml]='text'></div>
</div>
我的顶级应用程序组件是这样的:
<div>
<app-palette id="palette"></app-palette>
<app-host id="host"></app-host>
</div>