如何在ionic 2中注销后隐藏侧菜单

x6yk4ghg  于 2022-12-09  发布在  Ionic
关注(0)|答案(2)|浏览(128)

我创建了登录和注销功能,我在侧菜单中给出了注销。注销功能工作正常,但注销侧菜单后的问题是看到。如何隐藏侧菜单后注销和返回主页。

oknrviil

oknrviil1#

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

}
xzlaal3s

xzlaal3s2#

import { MenuController } from '@ionic/angular';

constructor(public menuCtrl: MenuController)

logout(){
    this.menuCtrl.close();
    this.router.navigate(['home']);

}

最新的Ionic版本代码可以像这样使用。

相关问题