ion-list不滚动且项目不可单击

Question

ion-list未滚动，并且项目不可单击，尽管该项目在另一个列表中可单击 如果您想帮助我，请参见html代码，该代码位于github https://github.com/IslamAssem/sidalitac

<ion-content class="page-products"  (ionScroll)="onScroll($event)">

  <ion-list  class="list-view" *ngIf="productView=='list'">
    <span *ngFor="let p of products">
      <product [data]="p" [type]="'list'"></product>
    </span>
  </ion-list>


<ion-grid *ngIf="productView=='grid'">
  <ion-col *ngFor="let p of products" col-6>
    <product [data]="p" [type]="'normal'"></product>
  </ion-col>

  <ion-col *ngIf="products.length==0 && !httpRunning" col-12 class="animated fadeIn">
    <h6 text-center>{{'No Products Found!'|translate}}</h6>
  </ion-col>
</ion-grid>

<ion-infinite-scroll #infinite (ionInfinite)="getProducts($event)">
  <ion-infinite-scroll-content></ion-infinite-scroll-content>
</ion-infinite-scroll>