Ionic framework 如何删除额外的重新排序图标？

“重新排序”功能似乎将重新排序图标附加到“我的ngFor”列表中的所有嵌套项上。因此，有两个项目是一个复选框和一个文本输入，我得到2个额外的（共3个）重新排序图标每个列表项目。其中只有一个有效，另外两个只是视觉上的。我需要删除另外2个，每个项目只有一个干净的重新排序图标，或者类似的东西

我已尝试删除嵌套项，但复选框和文本输入不起作用

///这是HTML///

<ion-list no-lines [reorder]="reorderIsEnabled" (ionItemReorder)="itemReordered($event)" id="lowtrimlist">

<ion-item-sliding *ngFor="let task of tasks; let taskIndex = index">

  <ion-item>
    <ion-row>
      <ion-col col-1>
        <ion-item no-lines>
          <ion-checkbox></ion-checkbox>
        </ion-item>
      </ion-col>
      <ion-col col-11>
        <ion-item>
          <ion-textarea>
          </ion-textarea>
        </ion-item>
      </ion-col>
    </ion-row>
  </ion-item>

  <ion-item-options side="right">
    <button ion-button color="danger"(click)="delete()">
      <ion-icon name="trash"></ion-icon>
    </button>
  </ion-item-options>

</ion-item-sliding>
</ion-list> 

我所寻找的是有一个单一的再订购图标每行项目，但相反，有3个。似乎“重新排序”功能会拾取并尝试标记每个内部项目。

遵循Ionic 4教程 根据你的评论，不清楚你的方法是从哪里来的，但这不是文档所说的，也不是我以前见过的

我怀疑您使用的是早期版本的Ionic的某种遗留支持模式

实际上，我最近才学会使用

ion-reorder

，我遵循了本教程：

您是否粘贴了正确的html代码段？ 我希望看到

ion-reorder组

和

ion-reorder

的组合如下：

  <ion-list>
    <ion-reorder-group (ionItemReorder)="onReorderItems($event)" [disabled]="!isGameRunning">
      <ion-item *ngFor="let item of listItems" [class]="item?.cssClass">
        <ion-label>{{ item?.name }} </ion-label>
        <ion-reorder slot="end"></ion-reorder>
      </ion-item>
    </ion-reorder-group>
  </ion-list>

它呈现为ok：

以编程方式实现？ 所有这些让我认为这是一个编码错误。您是否试图以编程方式实现重新排序

请分享您的代码片段，但您只需使用

离子重新排序组

、

离子重新排序

和

禁用=“false”

即可显示它。

遵循离子4教程 根据你的评论，不清楚你的方法是从哪里来的，但这不是文档所说的，也不是我以前见过的

我怀疑您使用的是早期版本的Ionic的某种遗留支持模式

实际上，我最近才学会使用

ion-reorder

，我遵循了本教程：

您是否粘贴了正确的html代码段？ 我希望看到

ion-reorder组

和

ion-reorder

的组合如下：

  <ion-list>
    <ion-reorder-group (ionItemReorder)="onReorderItems($event)" [disabled]="!isGameRunning">
      <ion-item *ngFor="let item of listItems" [class]="item?.cssClass">
        <ion-label>{{ item?.name }} </ion-label>
        <ion-reorder slot="end"></ion-reorder>
      </ion-item>
    </ion-reorder-group>
  </ion-list>

它呈现为ok：

以编程方式实现？ 所有这些让我认为这是一个编码错误。您是否试图以编程方式实现重新排序

---

请分享您的代码片段，但您只需要使用

ion-reorder组

、

ion-reorder

和

disable=“false”

来显示它。

感谢您的回复。使用ion reorder group时，我收到以下消息：模板解析错误：“ion reorder group”不是已知元素：1。如果“离子重排序组”是一个角度组件，则确认它是该模块的一部分。2.如果“ion reorder group”是一个Web组件，那么添加“CUSTOM_ELEMENTS_SCHEMA”我错过了重新排序的第一行，底部是一个，您使用的是ionic 4吗？我已经根据你应用于问题的标签回答了这个假设。是的！离子4与角。我很新，但可能会错过一些简单的东西。我使用StackBlitz，我以为StackBlitz还不支持Ionic4。到目前为止，我对代码是如何工作的感到困惑，我只能假设您使用的是早期版本的一些遗留支持。如果你看官方文件，它不是这样做的。您应该修改它以使用

ion-reorder-group

及其相关标签。感谢您的回复。使用ion reorder group时，我收到以下消息：模板解析错误：“ion reorder group”不是已知元素：1。如果“离子重排序组”是一个角度组件，则确认它是该模块的一部分。2.如果“ion reorder group”是一个Web组件，那么添加“CUSTOM_ELEMENTS_SCHEMA”我错过了重新排序的第一行，底部是一个，您使用的是ionic 4吗？我已经根据你应用于问题的标签回答了这个假设。是的！离子4与角。我很新，但可能会错过一些简单的东西。我使用StackBlitz，我以为StackBlitz还不支持Ionic4。到目前为止，我对代码是如何工作的感到困惑，我只能假设您使用的是早期版本的一些遗留支持。如果你看官方文件，它不是这样做的。您应该对其进行返工，以使用

ion-reorder-group

及其相关标记。