Ionic Side menu , Drawer Navigation tutorial

Ionic is open source framework used for developing mobile applications. It provides tools and services for building Mobile UI with native look and feel. Ionic framework needs native wrapper to be able to run on mobile devices. Ionic Mobile App Development Framework targeted at building hybrid mobile apps. Think of Ionic as the front-end UI framework that handles all the look and feel and UI interactions your app needs to be compelling . I will describe step by step guide for setting up Ionic Side menu also called drawer navigation In this tutorial

1) open the app.component.html file and update as shown below :

2) put inside class and before constructor app.component.ts

3) open src/app/home/home.html

and put below

4) Now the side menu is ready to test on browser

We have to now create a new pages run below command ionic generate choose 'pages' then type pages/contact-us it will create below src/app/pages/contact-us

5) open src/app/app-routing.module.ts

there just see a new route added 'contact-us' In this way , we easily created side menu or drawer navigation in ionic . We also providing latest ionic mobile app development course in Delhi, Noida, India . from basic to advance, you can check our syllabus here .