I'm not able to display my page with the help of ion-menu and not able to click the item - ionic-framework

Question

ion-menu is not working
This is my sidemenu.component.html
<ion-split-pane contentId="menu-content" when="xs">
<ion-menu contentId="menu-content" >
<ion-content>
<ion-item *ngIf="tabSelec == 'lead'" lines="none" routerLink="/hometab/lead
routerDirection="root" routerLinkActive="active-link">
<ion-icon src="assets/imgs/leadsSelec.svg"></ion-icon>
<ion-label> Leads </ion-label>
</ion-item>
<ion-item *ngIf="tabSelec != 'lead'" lines="none" routerLink="/hometab/lead
routerDirection="root" routerLinkActive="active-link">
<ion-icon src="assets/imgs/sitesSelec.svg"></ion-icon>
<ion-label>Leads</ion-label>
</ion-item>
<ion-item *ngIf="tabSelec == 'sites'" lines="none" routerLink="/hometab/sites
[queryParams]="{pri: 'leads', sec: true}" routerDirection="root"
routerLinkActive="active-link">
<ion-icon class="img" src="assets/imgs/sitesSelec.svg"></ion-icon>
<ion-label > Sites </ion-label>
</ion-item>
<ion-item *ngIf="tabSelec != 'sites'" lines="none" routerLink="/hometab/sites
[queryParams]="{pri: 'leads', sec: true}" routerDirection="root"
routerLinkActive="active-link">
<ion-icon class="img" src="assets/imgs/sitesSelec.svg"></ion-icon>
<ion-label> Sites </ion-label>
</ion-item>
</ion-content>
</ion-menu>
<ion-router-outlet id="menu-content"></ion-router-outlet>
</ion-split-pane>
This is my hometab-rotuing.module.ts
{
path:'',
redirectTo: '/hometab/lead.module',
pathMatch: 'full'
},
{
path:'',
component: HometabPage,
children :[
{
path: 'lead',
loadChildren: () => import('../lead/lead.module').then(m => m.LeadPageModule)
},
{
path: 'sites',
loadChildren: () => import('../sites/sites.module').then(m => m.SitesPageModule)
},
{
path: 'testing',
loadChildren: () => import('../testing/testing.module').then(m => m.TestingPageModule)
},
]
},
Any idea how does it suppose to work? It should automatically redirect me to the lead page after login
Also I'm not able to click on my ion-item, any help appreciated

Answer 1

You have to provide <ion-menu> tag with the contentId attribute, which represent the id of the container to show when you navigate with the sidemu.
Example:
<ion-menu contentId="your-main-content-id" side="start">...</ion-menu>
...
//you can use any order valid html container tag
<ion-content id="your-main-content-id">...</ion-content>