如何在離子2中注銷后隱藏側邊菜單

Question

我創建了登錄和注銷功能，我在側面菜單中給出了注銷。 注銷功能正常工作，但出現注銷側菜單后的問題。 如何在注銷和 go 主頁后隱藏側邊菜單。

Answer 1

您可以使用menuClose指令：

menuClose指令可以放在任何按鈕上以關閉打開的菜單。

可以使用以下標記添加一個簡單的 menuClose 按鈕​​：

<button ion-button menuClose>Close Menu</button>

或者

<button ion-item menuClose>Close Menu</button>

當您從側面菜單中選擇注銷選項時，這將使菜單關閉。

---

如果您想對菜單進行更多控制，可以使用MenuController並使用它從組件代碼中以編程方式關閉菜單。

import { Component } from '@angular/core';
import { MenuController } from 'ionic-angular';

@Component({...})
export class MyPage {

 constructor(public menuCtrl: MenuController) {

 }

 openMenu() {
   this.menuCtrl.open();
 }

 closeMenu() {
   this.menuCtrl.close();
 }

 toggleMenu() {
   this.menuCtrl.toggle();
 }

}

Answer 2

import { MenuController } from '@ionic/angular';

constructor(public menuCtrl: MenuController)

logout(){
    this.menuCtrl.close();
    this.router.navigate(['home']);

}

可以像這樣使用最新的 Ionic 版本代碼。