离子 2 标签双击答案

【问题标题】：Ionic 2 tabs double tap离子 2 标签双击
【发布时间】：2017-10-15 23:21:26
【问题描述】：

我的 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 引用未定义。

关于如何做到这一点的任何建议？我更愿意从我的标签控制器处理这个问题。

【问题讨论】：

标签： javascript angular ionic2

【解决方案1】：

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

例如在您的“主页”中。

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

希望能帮到你。

【讨论】：

【解决方案2】：

这是由 ionic 中的错误引起的，该错误已在 3.0.1 版中修复

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

【讨论】：