Hi guys,
I have a directive called postlist and it has ion-refresher in it. When I pull it enough, it works fine. However, if I don’t pull it enough and release it, the pull to refresh text icon stays in the page. What am I doing wrong here? Both pagination and refresher works fine if I pull it enough.
<div class="post-list">
<ion-refresher pulling-text="Pull to refresh..." on-refresh="refreshPosts()">
</ion-refresher>
<div class="audio-player">
<audio id="audio" autoplay preload="auto" controls="controls" autobuffer>
<source src="{{ ::audioUrl }}" type="audio/mpeg" />
</audio>
</div>
<div class="post-item {{place}} {{post.category && post.category.length > 0 ? post.category[0].name : 'Other'}}" ng-repeat="post in currentPostList" ng-if="place == 'profile'">
<div class="image">
<div class="bg">
</div>
....
<ion-infinite-scroll
ng-if="moreDataCanBeLoaded()"
on-infinite="loadMore()"
icon="ion-loading-c"
distance="1%">
</ion-infinite-scroll>
</div>