改变离子清新剂的位置

Question

我正在尝试反转ion-refresher 的方向，但切换位置似乎不像在Ion-Infinite-Scroll 上那样工作

<ion-refresher [position]="isReverse ? 'bottom' : 'top'" pullingIcon="arrow-dropdown"  pullingText="Pull to refresh"
  refreshingSpinner="circles"  refreshingText="Refreshing..." (ionRefresh)="refresh($event)">
</ion-refresher>
<ion-infinite-scroll *ngIf="!isPagingComplete" (ionInfinite)="doInfinite($event)" [position]="isReverse ? 'bottom' : 'top'">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>
<div *ngIf="isNotSliding">
  <template *ngFor="let entity of entityList" [ngTemplateOutlet]="template" [ngOutletContext]="{entity: entity}">
  </template>    
</div>
<div *ngIf="!isNotSliding">
  <ion-item-sliding class="page-list-sliding-item" *ngFor="let entity of entityList" #item>
    <ion-item class="page-list-inner-item" (click)="config.onItemClick(entity)" >
      <template [ngTemplateOutlet]="template" [ngOutletContext]="{entity: entity}"></template>
    </ion-item>
    <ion-item-options side="right">
      <button ion-button color="danger"  *ngIf="config && config.canDelete" (click)="delete(entity.id)">
        <ion-icon name="trash"></ion-icon>Delete
      </button>
      <button ion-button color="dark" >
        <ion-icon name="more"></ion-icon>More
      </button>
    </ion-item-options>
  </ion-item-sliding>
</div>

如何在Ion-Refresher 上反转滚动？

Answer 1

ion-refresher 组件是一个非常特别的组件。 它将始终放置在最近的ion-content 组件的顶部。

没有默认选项或配置可以使反向ion-refresher 成为可能。