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

问题描述 投票:3回答:1

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

enter image description here

angular typescript ionic-framework ionic2 ionic3
1个回答
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();
 }

}
© www.soinside.com 2019 - 2024. All rights reserved.