继续两个独立数组的索引顺序

如何解决继续两个独立数组的索引顺序

我有一个对象具有“ X”个数组（请注意，它们可以更大或更小）：

note: PONotes
allNotes: Array(6)
0: PONote {_text: "Contratación",_date: "",_author: ""}
1: PONote {_text: "Acordamos día de instalación con el técnico de Jazztel",_author: ""}
2: PONote {_text: "Instalación y entrega de equipos. Ya puedes Navegar. Iniciamos la portabilidad de tu linea fija",_author: ""}
3: PONote {_text: "Linea activada el día de tu portabilidad",_author: ""}
4: PONote {_text: "Iniciamos la portabilidad de tu línea móvil",_author: ""}
5: PONote {_text: "Introduce Nueva Sim el día de tu portabilidad",_author: ""}
length: 6
__proto__: Array(0)
__proto__: Object

我已使用以下功能将该对象分为两个数组：

private getorderNotes(orderNotes: ProductOrderModel) {
    this.activationDeadlinesGraphicviewmodel.phoneNumberOrderNotes = orderNotes.note.getAllNotes()
    .slice(0,this.activationDeadlinesGraphicviewmodel.state);

    this.activationDeadlinesGraphicviewmodel.cellphoneNumberOrderNotes = orderNotes.note.getAllNotes()
    .slice(-this.activationDeadlinesGraphicviewmodel.type);
  }

切片中的

状态和类型为我提供了每个数组所需的项目数。

这是 this.activationDeadlinesGraphicviewmodel.phoneNumberOrderNotes

的数组

(4) [PONote,PONote,PONote]
0: PONote {_text: "Contratación",_author: ""}
length: 4
__proto__: Array(0)

这是 this.activationDeadlinesGraphicviewmodel.cellphoneNumberOrderNotes

的数组

(2) [PONote,PONote]
0: PONote {_text: "Iniciamos la portabilidad de tu línea móvil",_author: ""}
1: PONote {_text: "Introduce Nueva Sim el día de tu portabilidad",_author: ""}
length: 2
__proto__: Array(0)

我必须将其打印在有序列表中，第一个数组的编号从1到4，第二个数组的编号从5到6。

由于它们位于单独的数组中，因此我在打印索引并添加+1，所以它不会从0开始。对于第一个数组，它的工作原理像一个超级按钮，但是由于第二个数组又从0开始，所以我不知道如何更改索引到基于最后一个数组的下一个数字。

<ng-container *ngFor="let phoneNumberOrderNotes of activationDeadlinesGraphicviewmodel.phoneNumberOrderNotes; let i = index;">
    <ion-row>
        <ion-item>
            <ion-col col-1>
                <span [class.numberCircleFilled]="activationDeadlinesGraphicviewmodel.baseType > i"
                    [class.numberCircleUnfilled]="activationDeadlinesGraphicviewmodel.baseType <= i">
                    {{ i+1 }}
                </span>
            </ion-col>
            <ion-col col-11>
                <span>{{ phoneNumberOrderNotes.text }}</span>
            </ion-col>
        </ion-item>
    </ion-row>
</ng-container> 

<ng-container *ngFor="let cellphoneNumberOrderNotes of activationDeadlinesGraphicviewmodel.cellphoneNumberOrderNotes; let i = index;">
    <ion-row>
        <ion-item>
            <ion-col col-1>
                <span [class.numberCircleFilled]="activationDeadlinesGraphicviewmodel.baseType < i"
                    [class.numberCircleUnfilled]="activationDeadlinesGraphicviewmodel.baseType >= i">
                    {{ i+1 }}
                </span>
            </ion-col>
            <ion-col col-11>
                <span>{{ cellphoneNumberOrderNotes.text }}</span>
            </ion-col>
        </ion-item>
    </ion-row>
</ng-container>

最后两个应该是5和6。

解决方法

将phoneNumberOrderNotes.length添加到最后一个i以获得连续编号。