如何在离子2中注销后隐藏侧边菜单

Question

我创建了登录和注销功能，我在侧面菜单中给出了注销。注销功能正常工作，但出现注销侧菜单后的问题。注销后如何隐藏侧边菜单 主页。

Answer 1

您可以使用menuClose directive:

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();
 }

}