Dragula源模型未定义

Question

我正在使用带有Angular的dragula进行拖放。到目前为止它完美无缺。

我有一个包含部分的数据结构，每个部分都有字段。

我有2个源包 - 一个用于拖放部分，我有一个带有字段，我可以放入部分。所以它看起来像：

 // Source bag

<div id="bag-source-fields" [dragula]='"bag-fields"' [dragulaModel]="fields">
   <div *ngFor="let field of fields">{{field.label}}</div>
 </div>

// Target bag

<div [dragula]='"bagfields"'[dragulaModel]="data.sections[i].fields">
   <div *ngFor="let field of section.fields;">
   .....
   ....
   </div>

到目前为止没问题 - 但现在我想扩展模型并为每个也可以接收字段的部分添加标题：

数据：{sections：[{fields：[]，headerfields：[]}]}

我的模板如下所示：

<div [dragula]= '"bag=fields"' [dragulaModel] = "data.sections[i].headerfields">
    <div *ngFor="let field of data.sections[i].headerfields;">
    ...
    ...
    </div>
 </div>

我现在添加了我的新包：

Uri.EscapeDataString
HttpUtility.UrlEncode
Uri.EscapeUriString
HttpUtility.UrlPathEncode

但这打破了我的系统 - 我可以拖动字段，目标容器也会做出反应，但是一旦我想删除字段，我就会收到错误：

“sourceModel未定义”

有什么想法吗？

谢谢， 迈克尔