我创建了登录和注销功能,我在侧菜单中给出了注销。注销功能工作正常,但注销侧菜单后的问题是看到。如何隐藏侧菜单后注销和返回主页。
oknrviil1#
您可以使用menuClose directive:可以将menuClose指令放在任何按钮上以关闭打开的菜单。可以使用下列标记加入简单的menuClose按钮:
menuClose
<button ion-button menuClose>Close Menu</button>
或
<button ion-item menuClose>Close Menu</button>
这将使菜单关闭时,您选择注销选项从侧面菜单。如果希望对菜单有更多的控制,可以使用MenuController,并使用它从组件代码以编程方式关闭菜单。
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(); } }
xzlaal3s2#
import { MenuController } from '@ionic/angular'; constructor(public menuCtrl: MenuController) logout(){ this.menuCtrl.close(); this.router.navigate(['home']); }
最新的Ionic版本代码可以像这样使用。
2条答案
按热度按时间oknrviil1#
您可以使用
menuClose
directive:可以将
menuClose
指令放在任何按钮上以关闭打开的菜单。可以使用下列标记加入简单的menuClose按钮:
或
这将使菜单关闭时,您选择注销选项从侧面菜单。
如果希望对菜单有更多的控制,可以使用
MenuController
,并使用它从组件代码以编程方式关闭菜单。xzlaal3s2#
最新的Ionic版本代码可以像这样使用。