Dynamic header

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-refresher (ionRefresh)="toggleShowHeader($event)">...</ion-refresher>

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?

you have a typo in your *ngIf.

showeHeader and don’t forget the closing bracket

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

try this instead of *ngIf

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

that should probably work