Я создаю гибридное приложение с использованием Ionic3 + AngularJS, и я застрял на этом:
У меня есть следующий список в моем представлении ( Home.html ):
<ion-content overflow-scroll="true">
<ion-item text-center *ngIf="pedidos.length==0">
<p>Nothing here!</p>
</ion-item>
<ion-list *ngIf="pedidos.length > 0">
<ion-item-sliding *ngFor="let ped of pedidos; let i = index">
<ion-item (click)="doSomething(ped)">
<ion-row>
<ion-col col-2 align-self-center *ngIf="ped.cod!=0">
Cód.<br><b>{{ped.cod}}</b>
</ion-col>
<ion-col col-2 align-self-center *ngIf="ped.cod==0">
No<br>Cód.
</ion-col>
<ion-col col-10 align-self-left>
<ion-row>
<ion-col text-wrap>
<h2 text-wrap><b>{{ped.name}}</b></h2>
</ion-col>
</ion-row>
<ion-row>
<ion-col align-self-left>
<p>Qtd: {{ped.qtd==""?"0":ped.qtd}}</p>
</ion-col>
<ion-col align-self-left>
<p>Price: {{ped.price| currency:'BRL'}}</p>
</ion-col>
</ion-row>
<ion-row>
<ion-col align-self-right>
<p class="fonte">Date: {{ped.datePed| date:'dd/MM/yyyy'}}</p>
</ion-col>
</ion-row>
</ion-col>
</ion-row>
</ion-item>
</ion-list>
</ion-content>
И в контроллере ( Home.ts ):
export class Home implements OnInit{
public pedidos : Pedido[] = [];
constructor(...){}
ionViewDidEnter(): void {
initList();
}
initList(): void {
this.pedProvider.getAllPed(id)
.subscribe((res: Pedido[])=>{
if(res.length>0){
this.pedidos = res;
}
});
}
}
И когда я запускаю приложение на iPhone , этопроисходит: Видны только первые два элемента, остальные загружаются пустыми. И это происходит только в iPhone, в устройствах Android все работает отлично!
Я уже пытался вызвать initList () в ngOnInit () и ionViewWillEnter (), но проблема сохраняется,ничего не меняется.
Я пытался найти решение, но ничего не помогло.Есть идеи?