在Ionic2中创建具有无限滚动的可滚动列表

如何创建一个无滚动条可滚动且具有无限滚动功能的列表？ 我已经尝试了附带的代码，但有两个问题： 1.列表根本不会滚动，除非我将

style=“overflow-y:auto”

添加到内容中，然后显示滚动条。 即使我在内容内/外添加了滚动条，它也不会滚动。 2.当我添加overflow-y并显示滚动条时，无限滚动不起作用。该事件未被激发

谢谢

<ion-content>
<ion-list [style.direction]="direction">
    <ion-item  *ngFor="let item of selectedEntItems | objToIterable;let ind=index">
        <!--List item header-->
        <ion-card-header  *ngFor="let column of columns | objToIterable"  (click)="ListItemClick(item,ind)"  [ngClass]="{'hide': notHeaderColumn(item,column) ,'ListItemHeader':true}" >
              <span>
                {{ column.title + ': ' + getVal(item,column)}}
              </span>
              <span >,</span>
        </ion-card-header>

        <!--List item content-->
        <ion-card-content *ngFor="let column of columns | objToIterable" (click)="ListItemClick(item,ind)" [ngClass]="{'hide': notBodyColumn(item,column) }">
           <p> {{column.title + ': ' + getVal(item,column)}}</p>
        </ion-card-content>
        <ion-icon name="close" (click)="deleteRow(item,ind)" class="listDelete"></ion-icon>
    </ion-item>
</ion-list>

<ion-infinite-scroll (ionInfinite)="doInfinite($event)"> 
    <ion-infinite-scroll-content
      loadingSpinner="bubbles"
      loadingText="Loading more data...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>

</ion-content>

{{column.title+'：'+getVal（项，列）}
,
{{column.title+'：'+getVal（项，列）}