时间戳

首页 > 解决方案 > ionic 3 / ionic 4 ItemReorder，重新排序在模拟器浏览器上不起作用

ionic-framework - ionic 3 / ionic 4 ItemReorder，重新排序在模拟器浏览器上不起作用

问题描述

ionic 具有 ItemReorder 的不错功能。示例代码如下

<ion-list reorder="true" (ionItemReorder)="reorderItems($event)">
  <ion-item *ngFor="let item of listOfItems">
    <ion-label>
      {{item}}
    </ion-label>
  </ion-item>
    </ion-list>


reorderItems(event) {
    let element = this.listOfItems[event.from];
    this.listOfItems.splice(event.from, 1);
    this.listOfItems.splice(event.to, 0, element);
}

一段时间后，重新排序（当您拖动和重新排序项目时）将无法在浏览器（http://localhost:4200）上运行。

标签： ionic-frameworkionic3

解决方案

解决方案： 关闭浏览器并在新浏览器/隐身模式下重新打开，然后重新排序功能将起作用。

我已经模拟并发现浏览器不完全支持此功能。因此，在新窗口上重新启动将解决此问题。

推荐阅读