Ionic attribute directive on ion-tab

Ionic Framework ionic-v3
1

Hi.

I have a simple attr directive:

@Directive({
  selector: '[auth-protected-click]' // Attribute selector
})
export class AuthProtectedClickDirective {

  constructor() {
    console.log('fgfgfgfgfgfgfg')
  }

  @HostListener('click', ['$event']) onClick($event){
    console.info('clicked: ' + $event);
  }
}

trying to use it with the ion-tabs

<ion-tabs tabsPlacement="bottom">
    <ion-tab [root]="sellTabRoot" tabTitle="Sell" tabIcon="camera" auth-protected-click></ion-tab>
</ion-tabs>