在离子2中注销后如何隐藏sidemenu

Sha*_*oft 3 typescript ionic-framework ionic2 ionic3 angular

我创建了登录和注销功能,我在侧边菜单中注销了.注销功能正常工作但注销侧面菜单后出现问题.如何在注销后隐藏侧边菜单并转到主页.

在此输入图像描述

seb*_*ras 9

您可以使用该menuClose指令:

menuClose指令可以放在任何按钮上以关闭打开的菜单.

可以使用以下标记添加简单的menuClose按钮:

<button ion-button menuClose>Close Menu</button>
Run Code Online (Sandbox Code Playgroud)

要么

<button ion-item menuClose>Close Menu</button>
Run Code Online (Sandbox Code Playgroud)

当您从侧面菜单中选择注销选项时,这将使菜单关闭.


如果您想要对菜单有更多控制权,可以使用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();
 }

}
Run Code Online (Sandbox Code Playgroud)