[DEPRECATED] How to Add A Side Menu to Your Ionic 4 App

Video Courses, Project Templates, Community & the Support you deserve to learn Ionic!

#############################

#############################

You can also find me

#############################

[narcismanciu]

Hello! the commands ionic g module pages/menu/menu-routing --flat --spec=false doesn't work... The terminal says: unknown option: '--spec'

[victordias]

Great content Simon, as usual! This way is nice because we can choose to use side menu or not, but if I use a tab-bar seems that I can't follow with this file structure. We'll face issues using outlet from tabs inside menu outlet. I've faced this issue and decided to migrate split-pane on app.component, create tab page, and for login page purpose hide menu on app.component it url==login. Not very proud of this but seems to be the unique way to implement this combination of patterns.

[micromachine]

Hi!, Why the menu is automatically displayed on my website when it is full screen, without pressing f12

[raphaellloyds]

Hi Simon, looks like routerLink is not working, I used href and everything's working now. I think the new update affected your previous code

[maniya]

Hello Grimm,
You told menu page not supporting lazy loading. But, when creating sidemenu starter by default it come lazyloading?

[Epingpong]

Hello Simon, I just found this tuto, so i try but i have an error adding more page. I link the project with ionic pro and github / so when i want to add a page i have this error : you are running version 7.10.0 of Node.js, which is not supported by angular cli v6, i dont know how to update the version of node. so if you have a solution i take it. thanks

[carlosbracamonte]

in Android devices, the back button does not automatically close the menu, if it does not take me to the previous page, is there a solution ?, in ionic 2 and 3 this was done automatically: /

[luisalcantara]

Can you do a sidemenu + tabs navigation?

[rachelray]

More visual examples! We are not all coders!

[Ali]

Dear Sir Grimm, Thanks for you tutorial, actually I don't have enough money to buy you course maybe in future I will buy you course.

If someone want add the icon an the left side just add icon_name property wiht icon name for each page to "pages" array like (title:Home, url: './main-menu/(menucontent:main-page)', icon_name: 'home') and add this to html page <ion-icon class="icon_name" in the menu-page.scss I added this .icon_name{
padding-right: 10px;
}

Thanks again for tutorial
Happy New Year
Shahzad

[rebarius]

why all that struggle? Just use menucontroller from ionic itself and disable the sidemnu in the login-screen at first.with: menu.enable(false);. After you've logged in use: menu.enable(true); to enable the sidemenu :)

[lukaswalser]

Please show the results of your coding more often (step by step)! Otherwise the video isn't helpful at all!