angular - NG2-DRAGULAで商品リストを注文する

Question

ループ内にアイテムのリストがあります。配列には最大 6 つの項目があります。

<div *ngFor="let item of items; let i=index">
<item-detail [item]="item" [dragula]='"first-bag"' [dragulaModel]='myItems' id="{{item.id}}" position={{i}}></item-detail>
</div>

私の望む出力は、ユーザーがアイテムを別の場所にドラッグ アンド ドロップすると、API 呼び出しが実行され、新しい注文がデータベースに保存されることです。

これを行うには、アイテム ID と新しい場所が必要です。場所は 1 から 6 までの数字でなければなりません (ユーザーがアイテムをドラッグした場所に基づきます..)

私がこれまで行ってきたのは、次の方法です。

private onDrop(args) {
    let [e, el] = args;
    console.log(el.id)
    console.log(el.position)
  }

しかし、IDと位置が正しく機能していません..これを行うためのより簡単で単純で正しい方法があると確信しています。

何か案は？