1

我正在使用 Dragula 和 Angular 进行拖放。到目前为止，它工作得非常好。

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

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

data: { sections: [ { fields: []}]}

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

数据：{部分：[{字段：[]，标题字段：[]}]}

我的模板如下所示：

 // 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>

我现在添加了我的新包：

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

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

“sourceModel 未定义”

任何想法？

谢谢，迈克尔

4

0 回答 0