title: How to disable side menu in ionic 4?
body: <p>I am using, <code>this.menuCtrl.swipeEnable(false);</code> for ionic 3 app. This works fine for disabling the side menu. But, it doesn't work for ionic 4! Below is my ionic 4 code sample:</p>
  
  <blockquote>
    <p>login.page.ts</p>
  </blockquote>
  
  <pre><code>constructor(public loginService: LoginService, private router: Router, public menuCtrl: MenuController) {
      this.menuCtrl.swipeEnable(false);
     }
  </code></pre>
  
  <blockquote>
    <p>app.component.html</p>
  </blockquote>
  
  <pre><code>&lt;ion-app&gt;
    &lt;ion-split-pane&gt;
      &lt;ion-menu type="push"&gt;
        &lt;ion-header&gt;
          &lt;ion-toolbar color="success"&gt;
            &lt;ion-title&gt;Menu&lt;/ion-title&gt;
          &lt;/ion-toolbar&gt;
        &lt;/ion-header&gt;
        &lt;ion-content&gt;
          &lt;ion-list&gt;
            &lt;ion-menu-toggle auto-hide="false" *ngFor="let p of appPages"&gt;
              &lt;ion-item [routerDirection]="'root'" [routerLink]="[p.url]"&gt;
                &lt;ion-icon slot="start" [name]="p.icon"&gt;&lt;/ion-icon&gt;
                &lt;ion-label&gt;
                  {{p.title}}
                &lt;/ion-label&gt;
              &lt;/ion-item&gt;
            &lt;/ion-menu-toggle&gt;
          &lt;/ion-list&gt;
        &lt;/ion-content&gt;
      &lt;/ion-menu&gt;
      &lt;ion-router-outlet main&gt;&lt;/ion-router-outlet&gt;
    &lt;/ion-split-pane&gt;
  &lt;/ion-app&gt;
  </code></pre>