0

在我的用例中，我想在我的 ionic 3 angular 应用程序中显示侧面菜单和选项卡。用例是：最初显示带有隐藏侧菜单的选项卡（设置为启用（假））。第一个页面显示一个添加到购物车的按钮，这样做会在标题区域显示一个购物车，然后单击购物车会显示一个登录页面。一旦你登录，订单摘要页面就会出现。此时我想显示侧面菜单。所以在ionviwedidload我设置menu.enable(true). 虽然它显示了菜单图标，但实际菜单没有出现。

最小的测试用例是https://www.dropbox.com/s/tq202w3p6yf32fj/tab-menu_app.zip?dl=0

尝试：

1. 运行应用程序
2. 单击添加到购物车按钮
3. 单击右侧标题中的购物车
4. 这将带来登录页面模型。单击登录按钮
5。摘要页面显示菜单图标。点击它什么也没做

4

2 回答 2

5

我检查了您的代码，根据我的理解，您需要更改导航流程。

由于此应用程序无法在屏幕上显示菜单，因此您将OrderSummaryPage页面设置为根视图。

要解决此问题，您需要OrderSummaryPage从主页推送，那里有 2 个选项

  1. 隐藏后退按钮并显示菜单按钮。
  2. 不要在那里显示菜单按钮，只显示默认的后退按钮，当用户点击后退时，它会回到主屏幕，您将在其中获得菜单按钮。

通过单击菜单按钮，您将获得菜单屏幕。

检查此代码：

第 1 步：更新您的 OpenCart 方法：

openCart(){

    let loginModal = this.modalCtrl.create(LoginPage, { userId: 8675309 });
    loginModal.onDidDismiss(data => {
      console.log(data);
      this.navCtrl.push(OrderSummaryPage);
    });
    loginModal.present();

  }

步骤 2：在 LoginPage 中更新您的登录方法

login(){
    this.viewCtrl.dismiss()
}

现在，如果您想隐藏 OrderSummeryPage 上的后退按钮，请使用以下代码

<ion-navbar hideBackButton="true"> // for hiding back button.

希望你能理解上面的变化。

于 2018-03-21T07:30:50.687 回答
0

如果您要从任何页面导航到第一页（主页）并且使用 navCtrl.setRoot(HomePage); 首先使用 navCtrl.remove(indexOfFirstPageAfterHomePage,numberOfPagesToRemove) 删除该页面之前的所有其他页面

例子：

HomePage => ViewprofilePage => EditprofilePage => ConfirmationPage

使用 navCtrl.setRoot(HomePage) 从 ConfirmationPage 导航回 HomePage; 首先删除 ViewprofilePage、EditprofilePage，否则侧边菜单将不会在主页上打开。

使用 navCtrl.remove(1,2) 删除两者。

它对我有用。我希望它有帮助

于 2019-01-02T02:12:51.297 回答