Question

我有一个应用程序，它的选项卡控件底部有几个按钮，而经典的导航控件上面有页面内容。当我选择其中一个选项卡时，页面内容将更改。我可以从该页面浏览到其他页面，等等。我做出一些选择，导航到某个页面，然后转到并更改选项卡。然后页面内容将按预期方式刷新。但是，如果我返回首页，则以前的选择仍然停留在该位置。一旦用户离开该页面并单击其他选项卡，我想将导航页面清除为其初始状态。有人知道使用Ionic和AngularJs来完成此任务的方法吗？是否可以为此触发一些事件？我知道大多数移动应用程序都具有这种行为，一旦用户单击另一个选项卡，导航页面就会返回到初始状态。

我试图通过使用openTabAndRefresh事件来做到这一点：

 openTabAndRefresh(index) {
    // this.navController.popToRoot().then(() => {
    //   this.tabRefs.goToRoot();
    //   this.navController.parent.popToRoot();
    //   this.navController.setRoot(this.tabRefs[index].root);
    // this.tabRefs.select(index);
    //});
    this.tabRefs.select(index);
  }

  openHome() {
        this.openTabAndRefresh(0);
    }

  openNewOrder() {
    this.openTabAndRefresh(14);
    }

    openMyOrder() {
    this.openTabAndRefresh(2);
    }

    openMyProfile () {
    this.openTabAndRefresh(3);
    }

  openOrders() {
    this.openTabAndRefresh(5);
  }

但是我不确定如何使页面真正返回初始状态，或者该事件甚至可以帮助我。有人有经验吗？

单击选项卡控制按钮Ionic框架时如何清除页面的先前状态

0 个答案: