AndrewJBateman / ionic-angular-multMenus

:clipboard: Tutorial from Simon Grimm of the Ionic Academy to create an app with 2 side menus

⚡ Ionic Multiple Menus

• App that displays different menus for tabs 1 and 2.
• Tutorial code from Simon Grimm of the Ionic Academy see 👏 Inspiration below
• Note: to open web links in a new window use: ctrl+click on link

📄 Table of contents

• ⚡ Ionic Multiple Menus
  • 📄 Table of contents
  • 📚 General info
  • 📷 Screenshots
  • 📶 Technologies
  • 💾 Setup
  • 💻 Code Examples
  • 🆒 Features
  • 📋 Status & To-do list
  • 👏 Inspiration
  • 📁 License
  • ✉️ Contact

📚 General info

• Tab1 and Tab2 both contain ion-menus and a side-bar with routing to 2 pages.

📷 Screenshots

📶 Technologies

• Ionic v6
• Angular v15
• Ionic/angular v6

💾 Setup

• Run npm i to install dependencies
• To start the server on localhost://8100 type: 'ionic serve'

💻 Code Examples

• Tab1 page code to show first (of two) menus using the Ionic MenuController provider.

export class Tab1Page {
  panelEnabled = true;
  constructor(private menuController: MenuController) {}

  ionViewWillEnter() {
    this.panelEnabled = true;
    this.menuController.enable(true, 'first');
  }

  ionViewWillLeave() {
    this.panelEnabled = false;
  }

🆒 Features

• Uses a panelEnabled boolean value to control menu disabling.

📋 Status & To-do list

• Status: Working.
• To-do: Nothing.

👏 Inspiration

• Simon Grimm, Ionic Academy Tutorial: Multiple Side Menus With Ionic Tab Bar

📁 License

• This project is licensed under the terms of the MIT license.

✉️ Contact

• Repo created by ABateman, email: [e-mail]