时间戳

首页 > 解决方案 > 如何在离子框架中应用表 ion-col 中的列表重新排序

angular - 如何在离子框架中应用表 ion-col 中的列表重新排序

问题描述

我想以行的形式重新排序按钮。基本上我的项目是用按钮创建一个 12x12 的矩阵，每个按钮包含从 1 到 12 的表格值，例如 12x12=144 按钮文本将是 144。就像这个 144 一样，每个表格总共有 144 个按钮以行的形式和列我想让它们可交换。

我的前端代码是用于重新排序的。

<ion-grid>
    <ion-row reorder="true" (ionItemReorder)="reorderItems($event);">
        <ion-col ion-scroll ion-button *ngFor="let item of listOne">
            {{item}}
        </ion-col>
    </ion-row>
</ion-grid>

和 TypeScript 代码是

    reorderItems(indexes)
       {
           let element=this.listOne[indexes.from];

           this.listOne.splice(indexes.from,11);

           this.listOne.splice(indexes.to,0,element);
        };
    listOne:Array<string>=['1','2','3','4','5','6','7','8','9','10','11','12'];

请帮助 :'( 两周以来我一直陷入这个问题。

谢谢你！此致。

标签： angularionic-frameworkionic2ionic3

解决方案

推荐阅读