Ionic side menu annoying problem

Ionic Framework ionic-v3
1

Hello ,
i wanted to make a side menu but after this the page appCompnent.html do not work anymore , please help !

<ion-app>
  <ion-split-pane>
    <ion-menu >
      <ion-header>
        <ion-toolbar>
          <ion-title>Menu</ion-title>
        </ion-toolbar>
      </ion-header>
      <ion-content>
        <ion-list>
          <ion-side-menu auto-hide="false" *ngFor="let p of appPages">
            <ion-item [routerDirection]="'root'" [routerLink]="[p.url]">
              <ion-icon slot="start" [name]="p.icon"></ion-icon>
              <ion-label>
                {{p.title}}
              </ion-label>
            </ion-item>
          </ion-side-menu>
        </ion-list>
        
      </ion-content>
    </ion-menu>
    <ion-router-outlet main></ion-router-outlet>
  </ion-split-pane>
</ion-app>

i wanted that enu to be side and which i can hide

2

Create a new app using the default side menu template and see how that side menu is created.

You haven’t given enough information for anyone to help you?

3

this code does not work too

<ion-app>

  <ion-split-pane>

    <ion-menu >

      <ion-header>
        <ion-toolbar>
          <ion-title>Menu</ion-title>
        </ion-toolbar>
      </ion-header>
      <ion-content>

        <ion-list>

<ion-menu-toggle enable-menu-with-back-views=”true” side="active" auto-hide="false" *ngFor="let p of appPages">
  <ion-nav-back-button>
      </ion-nav-back-button>
            <ion-item [routerDirection]="'root'" [routerLink]="[p.url]">
              <ion-icon slot="start" [name]="p.icon"></ion-icon>
              <ion-label>
                {{p.title}}
              </ion-label>
            </ion-item>
          </ion-menu-toggle>
        </ion-list>
      </ion-content>
    </ion-menu>
    <ion-router-outlet main></ion-router-outlet>
  </ion-split-pane>
</ion-app>