如何在离子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 版本代码。