改变离子清新剂的位置

时间:2018-05-06 16:49:23

标签: javascript html angular typescript ionic-framework

我试图改变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上的滚动?

1 个答案:

答案 0 :(得分:2)

ion-refresher组件非常特别。 它将始终位于最近的ion-content组件的顶部。

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