ionic2 Refresher dose not show the pullingIcon and refreshingIcon


#1

i’m working on and angularjs2/ionic2 mobile app , and i need to integrate the refresher to make a pull to refresh from this tutorial
http://ionicframework.com/docs/v2/api/components/scroll/Refresher/
the refresher works fine but i cant get the icons to show’s up ? here is my code :

<ion-refresher (starting)="doStarting()"
             (refresh)="doRefresh($event, refresher)"
             (pulling)="doPulling($event, amt)" 
              pullingIcon="arrow-round-down"
</ion-refresher>

can any one help me ?


#2

Hi @hatimane,

Did you find a solution? I have the same issue.

Also, have you tried to add pullingText, for example? With alpha49, the text is always shown even if I did not start to pull to refresh.


#3

i still have the same error , and also i get the same thing for the text


#4

Experiencing the same error. Any news on this?


#5

With Beta 3, you should be able to make it work.

The only issue that you will see, and I hope it will be fixed in beta 4, is this here


#6

I still have the same issue with beta3. Anyone experiencing the same thing?


#7

Here how looks my code

html

<ion-content>
  <ion-refresher (start)="doStarting()"
                 (refresh)="doRefresh($event, refresher)"
                 (pulling)="doPulling($event, amt)">               
    <ion-refresher-content 
      pullingIcon="arrow-down"
      pullingText="{{ 'PULL_TO_REFRESH' | translate }}"
      refreshingSpinner="circles"
      refreshingText="{{ 'REFRESHING' | translate }}">
    </ion-refresher-content>                    
  </ion-refresher>

...
</ion-content>

Typescript

  doRefresh(refresher) {
    console.log('Refreshing!', refresher);

    this.refresh().then((success) => refresher.complete(), (error)=> refresher.complete());
  }

#8

I have the same issue using the code from ionic docs:

<ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content
      pullingIcon="arrow-dropdown"
      pullingText="Pull to refresh"
      refreshingSpinner="circles"
      refreshingText="Refreshing...">
    </ion-refresher-content>
  </ion-refresher>

On IOS the icon does not appear. On Android/Web a black bordered square appears and rotates. Looks like it is not able to load the icons for some reason. I also tried different icons.
Someone solved this?