使用帶離子複流器的離子玻片-Ionic-

在我的頁面中添加離子複合成分後，我需要製作3個使用離子滑塊組件的玻片，當在頁面中的任何位置（中，下）不僅在頁面頂部。使用帶離子複流器的離子玻片-Ionic-

有人可以幫助我，使離子進修，僅啓動頁面

的頂部，這是我的代碼

<ion-content> 
    <ion-refresher (ionRefresh)="doRefresh($event);"> 
     <ion-refresher-content 
      pullingText="Pull to refresh" 
      pullingIcon="arrow-up" 
      refreshingSpinner="crescent"> 

    </ion-refresher-content> 

    </ion-refresher> 


    <ion-slides> 

     <ion-slide> 

     <!--put long text--> 
     </ion-slide> 

     <ion-slide> 

     </ion-slide> 

     <ion-slide> 


     </ion-slide> 

     </ion-slides> 

    </ion-content>

是有一個解決這個問題？

來源

2017-08-25 Taha

有針對此問題沒有解決辦法？ – Taha

使用啓用的標籤啓用和禁用離子清新劑。

<ion-refresher enabled={{pullToRefresh}} 
       (ionRefresh)="doRefresh($event);"> 
    <ion-refresher-content 
     pullingText="Pull to refresh" 
     pullingIcon="arrow-up" 
     refreshingSpinner="crescent"> 

    </ion-refresher-content> 
</ion-refresher>

在你的HTML，你將需要檢查使用ionSlideDidChange事件的幻燈片指數如下圖所示：

  <ion-slides (ionSlideDidChange)="slideChanged()">

在您的TS文件執行slideChanged方法來檢查當前指數您的幻燈片並啓用/禁用pullTorefresh字段（如下所示），當然要在幻燈片上使用getActiveIndex（），您需要導入ViewChild組件並將幻燈片聲明爲ViewChild。

import { Component, ViewChild, Input } from '@angular/core'; 

    export class Myclass { 
     @ViewChild(Slides) slides: Slides; 
     public pullToRefresh: boolean; 

     .... 
    slideChanged() { 
    let currentIndex = this.slides.getActiveIndex(); 
    this.pullToRefresh = (currentIndex == 0) ? true : false; 
     } 
    }

來源

2017-09-02 00:17:18

你必須有每張幻燈片複習：

<ion-content> 
    <ion-slides> 
    <ion-slide> 
     <ion-content padding> 
     <ion-refresher (ionRefresh)="doRefresh($event)"> 
      <ion-refresher-content 
      pullingIcon="ios-refresh" 
      pullingText="Pull to refresh" 
      refreshingSpinner="ios" 
      refreshingText="Loading..."> 
      </ion-refresher-content> 
     </ion-refresher> 
     <!--put long text--> 
     </ion-content> 
    </ion-slide> 
    <ion-slide> 
     <ion-content padding> 
     <ion-refresher (ionRefresh)="doRefresh($event)"> 
      <ion-refresher-content 
      pullingIcon="ios-refresh" 
      pullingText="Pull to refresh" 
      refreshingSpinner="ios" 
      refreshingText="Loading..."> 
      </ion-refresher-content> 
     </ion-refresher> 
     <!--put long text--> 
     </ion-content> 
    </ion-slide> 
    <ion-slide> 
     <ion-content padding> 
     <ion-refresher (ionRefresh)="doRefresh($event)"> 
      <ion-refresher-content 
      pullingIcon="ios-refresh" 
      pullingText="Pull to refresh" 
      refreshingSpinner="ios" 
      refreshingText="Loading..."> 
      </ion-refresher-content> 
     </ion-refresher> 
     <!--put long text--> 
     </ion-content> 
    </ion-slide> 
    </ion-slides> 
</ion-content>

來源

2017-10-11 12:20:30 Aldracor

使用帶離子複流器的離子玻片-Ionic-

回答

相關問題