IONIC: ion-List отображает пустые элементы в iPhone - PullRequest
0 голосов
/ 13 декабря 2018

Я создаю гибридное приложение с использованием 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 , этопроисходит: enter image description here Видны только первые два элемента, остальные загружаются пустыми. И это происходит только в iPhone, в устройствах Android все работает отлично!

Я уже пытался вызвать initList () в ngOnInit () и ionViewWillEnter (), но проблема сохраняется,ничего не меняется.

Я пытался найти решение, но ничего не помогло.Есть идеи?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...