离子 2 标签双击

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

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

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