Ionic framework 载玻片内的离子-离子网格，响应不工作

我对幻灯片中的离子网格有问题。我把产品放在ion grid上，ion grid在幻灯片中，如果我旋转我的android设备，ion grid没有响应，因此图像被切断

<ion-col class="hide-xs" size-sm="7" >
    <ion-slides >
       <ion-slide *ngFor="let products of listProduct" >
        <app-ajax [ajax]="ajax"></app-ajax>

        <ion-grid>
          <ion-row>
            <ion-col size="6" sizeMd="4" sizeXl="3" *ngFor="let item of products">
              <div class="image-container" *ngIf="item.photo!==''">
                <ion-img *ngIf="item.idproduct !==0" width="100%" height="100%"
                  [src]="'data:image/jpeg;base64,' + item.foto64" (click)="presentModal(item)"></ion-img>
              </div>
            
              <div class="fontImage" (click)="presentModal(item)">{{item.nmproduct}}</div>
            </ion-col>    
          </ion-row>
        </ion-grid>
      </ion-slide>
    </ion-slides>
  </ion-col>

{{item.nmproduct}

---

如果我移除了离子载玻片，离子网格会正常响应，因此图像不会被切断。如何解决这个问题？谢谢你

你可以在component.ts中给出这个

 @ViewChild('slides',{static: true}) slides;
 @HostListener('window:resize')
  onResize() {
  setTimeout(() => this.slides.update(), 50);
 }