I am using ion-refresher but it does not show content inside ion-refresher-content tag.
Here is my code:
home.html:
<ion-header>
<ion-navbar>
<ion-title>
Home
</ion-title>
<ion-buttons end>
<button color="danger" ion-button (click)="logout()">
Logout
</button>
</ion-buttons>
</ion-navbar>
</ion-header>
<ion-content padding id="page3">
<div>
<button (click)="scan()" round type="submit" id="login-button2" ion-button block class="btn">
Scan QR Code To Add New Device
</button>
</div>
<div id="home-heading3">
Your devices
</div>
<ion-refresher (ionRefresh)="doRefresh($event)">
<ion-refresher-content
pullingIcon="arrow-dropdown"
pullingText="Pull to refresh"
refreshingSpinner="circles"
refreshingText="Refreshing...">
<h1>heeheheh</h1> <!-- this line does not show -->
</ion-refresher-content>
</ion-refresher>
</ion-content>
home.ts
doRefresh(refresher) {
console.log('Begin async operation', refresher);
setTimeout(() => {
console.log('Async operation has ended');
refresher.complete();
}, 2000);
}