# How to bind the json data and create dynamic side navigation menu&Submenu in ionic

**URL:** <https://forum.ionicframework.com/t/how-to-bind-the-json-data-and-create-dynamic-side-navigation-menu-submenu-in-ionic/118198>\
**Category:** ionic-v3\
**Created:** [January 14, 2018, 5:18pm UTC](https://forum.ionicframework.com/t/how-to-bind-the-json-data-and-create-dynamic-side-navigation-menu-submenu-in-ionic/118198 "2018-01-14T17:18:14Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Phanitechie](https://avatars.discourse-cdn.com/v4/letter/p/258eb7/32.png) [@Phanitechie](https://forum.ionicframework.com/u/Phanitechie)\
**Post date:** [January 14, 2018, 5:18pm UTC](https://forum.ionicframework.com/t/how-to-bind-the-json-data-and-create-dynamic-side-navigation-menu-submenu-in-ionic/118198/1 "2018-01-14T17:18:14Z")

</div>

I am facing a small issue here im getting the below dynamic data

```
{
  "Name": "Steve",
  "Id": 37,
  "email": "steve@hotmail.com",
  "User": 10,
  "DevId": "A7E6E6FE7060",
  "AllowedMenu": [
    {
      "Name": "Main",
      "Id": 6,
      "Component": "MainComponent",
      "IsVisibleAsMenu": true
    },
    {
      "Name": "SessionData",
      "Id": 7,
      "Name": SessionComponent,
      "IsVisibleAsMenu": false
    },
    {
      "Name": "LoginData",
      "Id": 8,
      "Name": "LoginDataComponent",
      "IsVisibleAsMenu": true
    }
  ],
  "AllowedOptions": [
    {
      "Name": "UpdatedData",
      "Id": 9
    },
    {
      "Name": "PreviousData",
      "Id": 10
    }
  ]
}

```

After loggin in by using username and password im getting the above response by using that i have to build the dynamic side navigation. At present im following a approach by using the switch case in login page im mentioning each and every component and if the case is correct then it is going to that particular page.  
below are my issues

1. Are there any other approaches for getting Dynamic Side navigation ? after login based on the response the side navigation is created.

2. How can i create Sub menus in dynamic side navigation?

---

<div class="post-metadata">

**Author:** ![RubyRavenford](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/rubyravenford/32/122621_2.png) [@RubyRavenford](https://forum.ionicframework.com/u/RubyRavenford)\
**Post date:** [October 26, 2018, 12:45am UTC](https://forum.ionicframework.com/t/how-to-bind-the-json-data-and-create-dynamic-side-navigation-menu-submenu-in-ionic/118198/2 "2018-10-26T00:45:38Z")

</div>

hi, same as I’m troubling, do you find the solution for the issue above?

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 19, 2021, 9:54pm UTC](https://forum.ionicframework.com/t/how-to-bind-the-json-data-and-create-dynamic-side-navigation-menu-submenu-in-ionic/118198/3 "2021-07-19T21:54:56Z")

</div>