1. 程式人生 > >IONIC如何禁用側滑選單頁(menuToggle)

IONIC如何禁用側滑選單頁(menuToggle)

        在登入介面時,我們不希望使用者能使用側滑選單頁,所以我們就需要禁用掉這個側滑欄,只有當用戶登入成功後才能使用側滑選單的功能。下面是實現方法

import { MenuController } from 'ionic-angular';

export class LoginPage {

name:string= "";
pwd:string= "";

 constructor(private menuController: MenuController) {

 }

 //每次進入或退出到登入頁面時,我們將初始化禁用側滑選單
 ionViewDidEnter() {   
   this.menuController.enable(false);
 }

 //按鈕點選事件
 logIn() {
   if(this.loginservice.doLogIn(name,pwd)){
     //登入成功,啟用側滑選單
     this.menuController.enable(true);
   }else{
     /登入失敗
   }
 }

}

詳情請參考IONIC官網:https://ionicframework.com/docs/api/components/app/MenuController/