Blank content in side ion-refresher-content tag

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);
  }

If you just want to show a text use the “refreshingText” attribute.

I want to show a list inside but nothing showed. That line of text is just an example.

I found it - I have to put the content outside tag

how? i don’t get you