0

In my use case i want to show side menu as well as tabs in my ionic 3 angular app. The use case is: showing tabs initially with side menu hidden (set as enable(false)). The first page shows a button to add to cart, doing this shows a cart in the header area and clicking the cart shows a login page. Once u login the order summary page comes up. At this point i want to show the side menu. So in ionviwedidload i am setting the menu.enable(true). Though it shows the menu icon but actual menu does not appear.

The minimal test case is https://www.dropbox.com/s/tq202w3p6yf32fj/tab-menu_app.zip?dl=0

To Try:

1. Run the app
2. Click on the add to cart button
3. Click on the shopping cart in the header in right side
4. This brings login page model. click on login button
5. Summary page shows up with menu icon. clicking it does nothing though

syam
  • 799
  • 1
  • 12
  • 30
Vik
  • 8,721
  • 27
  • 83
  • 168

2 Answers2

5

I have checked your code and based on my understanding you need to change your navigation flow.

As you are setting OrderSummaryPage page as root view due to this App unable to show the menu on your screen.

To solve this issue you need to Push OrderSummaryPage from the Home page and over there you have 2 options

  1. Hide back button and show the menu button.
  2. Don't show menu button over there just show default back button and while user clicks on back it will come back on the home screen where you will get your menu button.

By click on the menu button, you will get your menu screen.

Check this code:

Step1: Update your OpenCart method:

openCart(){

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

  }

Step2: Update your login method in LoginPage

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

Now if you want to hide back button on OrderSummeryPage use below code in 

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

Hope you can understand the above changes.

CodeChanger
  • 7,953
  • 5
  • 49
  • 80
0

If you are navigating to the to the first Page (HomePage) from any page and you use navCtrl.setRoot(HomePage); first of all remove all other page before that one with navCtrl.remove(indexOfFirstPageAfterHomePage,numberOfPagesToRemove)

Example:

HomePage => ViewprofilePage => EditprofilePage => ConfirmationPage

To navigate from ConfirmationPage back to HomePage with navCtrl.setRoot(HomePage); remove ViewprofilePage, EditprofilePage first, else the sidemenu will not open on the HomePage.

Remove both with navCtrl.remove(1,2).

It worked for me. I hope its helpful

Ebuka
  • 616
  • 8
  • 13