FAB на панели вкладок в Ionic и события

Question

Мне нужно иметь возможность разместить FAB над панелью вкладок в Ionic. Я сделал это успешно.

Это сделано в моем домашнем компоненте (home.html и home.ts). Объявление панели вкладок:

<ion-tabs color="tabbar">
  <ion-tab [root]="dashboard" tabIcon="home" tabTitle="Home"></ion-tab>
  <ion-tab [root]="activity" tabIcon="trending-up" tabTitle="Activity">   
</ion-tab>
  <ion-fab center bottom>
    <button ion-fab large (click)="showTransferOptions($event)">Transfer</button>
  </ion-fab>
  <ion-tab [root]="transfer" tabIcon="deliberately_invalid" tabTitle="">     
</ion-tab>
  <ion-tab [root]="contacts" tabIcon="contacts" tabTitle="Contacts"> 
</ion-tab>
  <ion-tab [root]="settings" tabIcon="cog" tabTitle="Settings"></ion-tab>
</ion-tabs>

My home.ts как объявленная функция:

showTransferOptions(event) {
  console.log(event);
}

Но я получаю эту ошибку:

ERROR TypeError: co.showTransferOptions is not a function

Я немного новичок в Ionic, поэтому не совсем уверен, почему это не обязательно. Я думал, что компонент «Домой» имеет контроллер позади него, который может сделать привязки, как это возможно?

Ура, Ben

Answer 1

При навигации по корневым страницам tabs.ts не используйте NavController, используйте App из ionic-angular, как это this.appCtrl.getRootNav().push('Pagetogoto');, которое полностью удалит tabs.html и скроет, что Fab