Ionic Angular ion-reorder-group inside ion-reorder-group答案

【问题标题】：Ionic Angular ion-reorder-group inside ion-reorder-groupIonic Angular ion-reorder-group inside ion-reorder-group
【发布时间】：2020-11-20 12:24:40
【问题描述】：

<ion-reorder-group (ionItemReorder)="reorderGroup($event)" disabled="false">
  <ion-item>
    <label>Group 1</label>
    <ion-reorder-group (ionItemReorder)="reorderRow1($event)" disabled="false">
      <ion-item>Row 1<ion-reorder slot="end"></ion-reorder></ion-item>
      <ion-item>Row 2<ion-reorder slot="end"></ion-reorder></ion-item>
    </ion-reorder-group>
    <ion-reorder slot="end"></ion-reorder>
  </ion-item>
  <ion-item>
    <label>Group 2</label>
    <ion-reorder-group (ionItemReorder)="reorderRow2($event)" disabled="false">
      <ion-item>Row 1<ion-reorder slot="end"></ion-reorder></ion-item>
      <ion-item>Row 2<ion-reorder slot="end"></ion-reorder></ion-item>
    </ion-reorder-group>
    <ion-reorder slot="end"></ion-reorder>
  </ion-item>
</ion-reorder>

这很好，但是当我尝试拖动行的项目时，组项目也会移动.. 我的问题是当我移动行项目时如何防止组项目移动。

提前谢谢..

【问题讨论】：

我目前正在检查这个...stackoverflow.com/questions/54075606/… 但如果可能的话，如果我使用 ion-reorder-group 会更好。

标签： angular ionic-framework

【解决方案1】：

如果有人正在寻找角度嵌套重新排序，试试这个.. @angular/cdk/拖放https://material.angular.io/cdk/drag-drop/overview 我使用它而不是 ion-reorder 因为我找不到嵌套的 ion-reorder ... 其他用户删除了这个答案，但这是对我有帮助的解决方案，它可能会帮助其他人。

【讨论】：