Question

如何创建一个可滚动但没有滚动条的列表，并具有无限滚动功能？我已经尝试了附加的代码，但我有两个问题： 1.根本没有滚动列表，除非我向内容添加style="overflow-y: auto"，然后显示滚动条。即使我在内容中/内部添加离子滚动，它也不会滚动。 2.当我添加溢出-Y并显示滚动条时，无限滚动不起作用。 ionInfinite事件未被触发。

感谢。

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

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

0 个答案: