Question

我的Ionic2应用程序中有一个动态标签页，如下所示：

<ion-tabs #myTabs class="tabs-md" type="md" [tabsHighlight]="true" [selectedIndex]="mySelectedIndex">
  <ion-tab *ngFor="let tab of tabRoots" [root]="tab.page" [tabTitle]="tab.name" [tabIcon]="tab.icon"></ion-tab>
</ion-tabs>

当用户点击已经选中的选项卡并且因此已经是根页面时，该页面仍将重新加载。问题是我有一些自定义动画在发生这种情况时重新运行。所以我想禁用导航到同一根页面的功能。

我试过把

ionViewCanLeave() {
  return //viewchild of #myTabs and returns true if next page does not equal current page.
}

这有效，它停止了当前根页面的刷新，但导航到另一个不是根（子页面）的页面时应用程序崩溃，因为myTabs引用未定义。

有关如何完成此任务的任何建议？我更愿意从我的标签控制器处理这个问题。

Answer 1

尝试：ionSelected() { // DO SOMETHING OR NOT }

例如，在“主页”中。

链接：https://forum.ionicframework.com/t/capturing-ion-tab-click-on-active-tab-event/56594/27

我希望我能帮到你。

Answer 2

这是由版本3.0.1中修复的离子错误引起的

https://github.com/ionic-team/ionic/pull/11084

Ionic 2标签双击

2 个答案: