如何在离子2个选项卡中触发自定义函数

Question

我正在尝试设置一个自定义页面，而不是在应用程序堆栈上推动应用程序上的新上下文，以便用户可以返回到他/她以前的位置打开所谓的 CameraPage，如文件 tabs.html ：

<ion-tabs>
 <ion-tab [root]="tab1Root" tabIcon="ios-paper"></ion-tab>
 <ion-tab [root]="tab2Root" tabIcon="ios-calendar"></ion-tab>
 <ion-tab (click)="openCamera()" tabIcon="custom-icon-plus"></ion-tab>
 <ion-tab [root]="tab4Root" tabIcon="ios-trophy"></ion-tab>
 <ion-tab [root]="tab5Root" tabIcon="ios-people"></ion-tab>
</ion-tabs>

和在 tabs.tss.ts 文件上，我正在尝试接收此功能，以便在不仅创建新上下文的情况下按导航桩上的页面，用户返回到他/她打开此特定页面之前的位置。像以下片段：

public openCamera() {
 console.log("clicked");
 this.navCtrl.push(CameraPage, {});
}

不幸的是，当我点击时，（单击）事件不会触发，我已经尝试创建一个将浮动在<ion-tab>元素上的假按钮，但是它被忽略了，并且不会出现在构建中页面...这真的很令人沮丧，有没有办法在离子2中的底部导航栏上触发自定义操作？

预先感谢

编辑：对不起，我发布了解决方案后，我只需要替换(click)输出的CC_3即可。：）

Answer 1

对不起，我发布了解决方案后的那一刻，我只需要替换 (click)即可输出CC_5。：）