angular - 角度拖放到不同的列表 Ionic

Question

我正在开发一个足球俱乐部应用程序。

Match从toTeams和Team只属于一个匹配项的一对多关系。Team与User表的多对多关系。

Matches
id    |  date   | active

Teams

id    | name   | deleted


Team_User
id    | team_id | user_id

有关即将到来的比赛球队和球员的数据以下列格式从 API 接收

{
    "id": 7,
    "name": "Blue Team",
    "match_id": 52,
    "users": [
        {
            "id": 33,
            "name": "Lizeth"
        },
        {
            "id": 34,
            "name": "Lizeth"
        },
    ]
},
{
    "id": 8,
    "name": "White Team",
    "match_id": 52,
    "users": [
        {
            "id": 35,
            "name": "Lizeth"
        },
        {
            "id": 36,
            "name": "Lizeth"
        },
    ]
}

我将它们显示在重新排序列表中，如下所示，但不是只拖动团队中的一名球员，而是在列表中重新排序整个团队。

<!-- The reorder gesture is disabled by default, enable it to drag and drop items -->
<ion-reorder-group (ionItemReorder)="doReorder($event)" disabled="false" id="reorder">
<ion-list *ngFor="let team of teams">
    <ion-list-header>
        {{ team.name }}
    </ion-list-header>

    <ion-reorder>
        <ion-item *ngFor="let user of team.users; index as i;">
            <ion-note slot="start">{{ i + 1 }}</ion-note>
            <ion-label>{{ user.name }}</ion-label>
            <ion-reorder slot="end"></ion-reorder>
        </ion-item>
    </ion-reorder>
</ion-list>
</ion-reorder-group>

如何将播放器从一个列表移动到另一个列表？

谢谢

标签： angularionic-framework