Hey everyone, I'm currently working on developing a mobile app using AngularJS 2/Ionic2. I am facing an issue with implementing a pull-to-refresh feature in my app. We followed the steps outlined in this link, and while we were able to get the page to refresh, the dismissLoader function was not triggered as expected. Here are some images showing the refreshing process in my app: https://i.stack.imgur.com/othmY.png
We are unsure where we made the mistake or where we need to add the correct functionality in our project...
When we pull the page, it refreshes but does not dismiss the
Refreshingtext and icon...- We expect that once we have pulled the page and it has refreshed, the refreshing text and icon should be dismissed...
**We only added code in HTML:-****
<ion-refresher (ionRefresh)="setFilteredItems($event)">
<ion-refresher-content refreshingSpinner="circles" refreshingText="Refreshing...">
</ion-refresher-content>
</ion-refresher>
We have not made any changes in the TypeScript part... please review and update the solution accordingly...
We have created an example on Plunker
Please update the Plunker as well to help us find the solution, thank you.....
My TypeScript constructor code:-
import { Component } from '@angular/core';
// other imports...
@Component({
templateUrl: 'activity-list.html',
})
export class ActivityListPage {
// class implementation...
}