问题描述
我有一个对象具有“ 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
以获得连续编号。