angular - ng2 德拉古拉 | 删除元素后根据 JSON 值在其中添加一些新数据

Question

使用 ng2 Dragula 库后，我发现自己在其中做了一些有趣的事情。

就像在将元素从一个容器拖到另一个容器之后一样，元素应该扩展其数据功能以显示像 Droplist、HTML 输入表单等部分。

基本上是在放置后检查元素的特征。

Answer 1

以下代码定义了在将字段拖放到另一个容器时显示隐藏功能。在这里，我检查了长度并显示相同。

 <div class="col-md-3" [dragula]='"main"' [dragulaModel]='GroupB'>
      <div *ngFor="let item of GroupB">{item.User}}
      </div>
    </div>
    <div class="col-md-3" [dragula]='"main"' [dragulaModel]='GroupA'>
      <div *ngFor="let item of GroupA">{{item.User}}
        <br>
        <span *ngIf="item.arithmatic?.length > 0">
          <h6>Arithmatic Operation
            <select>
              <option *ngFor=" let arithmaticList of item.arithmatic "> {{arithmaticList}}</option>
            </select>
            <i class="fa fa-navicon handle "></i>
          </h6>
        </span>
      </div>
    </div>