如何在Ionic 2选项卡中触发自定义功能?

时间:2017-02-17 09:29:06

标签: typescript ionic-framework navigation ionic2

我正在尝试设置一个自定义页面,而不是在应用程序上打开新的上下文将被推送到导航堆栈,因此用户可以在打开所谓的{{1}之前返回到他/她所在的位置如文件 tabs.html

中的以下代码段
CameraPage

tabs.ts 文件中,我正在尝试接收此功能,以便在不创建新上下文的情况下推送导航堆上的页面,用户返回到该页面非常重要打开这个特定页面之前他/她的位置。像下面的代码片段一样:

<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>

不幸的是,当我点击它时,(点击)事件没有被触发,我已经尝试创建一个漂浮在public openCamera() { console.log("clicked"); this.navCtrl.push(CameraPage, {}); } 元素上的虚假按钮,但它会被忽略而不会被忽略出现在构建的页面上...这真的令人沮丧,有没有办法在Ionic 2的底部导航栏上触发自定义操作?

提前致谢,

编辑:对不起,伙计们,我发布它后的那一刻我找到了解决方案,我只需要替换<ion-tab> (click)输出。 :)

1 个答案:

答案 0 :(得分:14)

对不起家伙,我发布它后的那一刻我找到了解决方案,我只需要替换(click) (ionSelect)输出。 :)