Dynamic header

Ionic Framework ionic-v3
1

I’m trying to implement a header that’s shown when user pulls down a refresher

in template.html file
<ion-header *ngIf="showHeader"</ion-header>
<ion-content>
  <ion-refresher (ionRefresh)="toggleShowHeader($event)">...</ion-refresher>
</ion-content>

in component.ts file

toggleShowHeader($event) {
  this.showHeader = true;
}

Refresher responds fine but the header doesn’t show up dynamically. Is it even possible in ionic 2?

2

you have a typo in your *ngIf.

showeHeader and don’t forget the closing bracket

3

Thanks for pointing out, the typo isn’t in my code though, only my mistake when I posted this thread.

4

try this instead of *ngIf

<ion-header [hidden]="showHeader">

that should probably work