首页 > 解决方案 > ion-list 不滚动且项目不可点击

问题描述

ion-list 不是滚动的,项目是不可点击

<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>

标签: androidionic-frameworkionic3ion-list

解决方案


推荐阅读