angular - Ionic 和事件中选项卡栏上的 FAB

Question

我需要能够将 FAB 放置在 Ionic 中的选项卡栏上。我已经成功地做到了这一点。

这是在我的 Home 组件(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>

我的 home.ts 作为声明的函数:

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

但我收到此错误:

ERROR TypeError: co.showTransferOptions is not a function

我对 Ionic 有点陌生，所以我不太清楚为什么这不具有约束力。我认为“Home”组件后面有一个 Controller ，可以像这样进行绑定(bind)吗？

干杯，本

Answer 1

从 tabs.ts 的根页面导航时，不要使用 NavController，使用 ionic-Angular 中的 App，就像这样 this。 appCtrl.getRootNav().push('Pagetogoto'); 这将完全删除 tabs.html 并隐藏该 Fab