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

时间:2017-06-28 07:57:29

标签: angular typescript ionic-framework ionic2 ionic3

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

enter image description here

1 个答案:

答案 0 :(得分:8)

您可以使用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();
 }

}