title: How to show submenu in siebar for menu showing inloop in Ionic
body: <p>I am working in Ionic App and I want to show the submenu in the sidebar. I am fetching the menus using the <code>*ngFor</code> but the problem is that I am not able to show the submenu.</p>
  
  <p>This is my <strong>app.html</strong>:</p>
  
  <pre><code>&lt;ion-menu [content]="content" side="left" type="overlay"&gt;
      &lt;ion-content class="mymenu22"&gt;
       &lt;ion-grid class="formenu11"&gt;
        &lt;h1 class="mymenuh11"&gt;OTHERS&lt;/h1&gt;
       &lt;/ion-grid&gt;
       &lt;ion-list&gt;
        &lt;button menuClose ion-item *ngFor="let p1 of pages1" (click)="openPage(p1)" class="menu2"&gt;
          &lt;ion-icon name="{{p1.name1}}"&gt;&lt;/ion-icon&gt; {{p1.title1}}
        &lt;/button&gt;
       &lt;/ion-list&gt;
      &lt;/ion-content&gt;
  &lt;/ion-menu&gt;
  </code></pre>
  
  <p>In this, I am showing the menus in the sidebar and I want to show the submenu for the first menu.</p>
  
  <p>This is my <strong>app.component.ts</strong>:</p>
  
  <pre><code>pages1: Array&lt;{title1: string, component: any, name1: string}&gt;;
  this.pages1 = [
    { title1: 'Manage Account', component: ManageaccountPage, name1: 'settings' },
    { title1: 'About Us', component: AboutPage, name1: 'people' },
    { title1: 'Gallery', component: GalleryPage, name1: 'images' },
    { title1: 'Contact Us', component: ContactPage, name1: 'contacts' },
  ];
  </code></pre>
  
  <p>For the Manage Account, I want to show the submenu.</p>
  
  <p><a href="https://i.stack.imgur.com/6o9dT.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6o9dT.jpg" alt="enter image description here"></a></p>
  
  <p>For the Manage Account, I want to show the submenu but I am not getting any code for this.</p>
  
  <p>Any help is much appreciated.</p>