离子2侧菜单不工作后推数

嗨，我面临一个问题离子2侧菜单不工作，当我通过页数页面设置为一些页作为根和一些页面推堆栈。离子2侧菜单不工作后推数

这是我正在浏览的页面流量。

导航堆栈：

RootPage -> navCtrl.push(Page1) -> navCtrl.setRoot(Page2) -> this.navCtrl.push(Page3) -> 

this.navCtrl.push(Page4) -> this.navCtrl.push(Page5) -> this.navCtrl.setRoot(Page6) -> 

this.navCtrl.setRoot(Page7)

代码：

<ion-menu class="sproglets_menu" [content]="content" persistent="true" > 


    <!-- (ionOpen)="menuOpened()" (ionClose)="menuClosed()" 
    --> 
    <ion-content> 

    <ion-item no-lines color="transparnt"> 
     <ion-avatar item-start> 
     <img src="assets/images/addimage.png"> 
     </ion-avatar> 
     <h2>Umer</h2> 
     <p>Sproglets</p> 
    </ion-item> 


    <ion-list class="rr-menu" no-lines> 

     <button class="search_button" ion-button block item-left round outline color="light" icon-only (click)="Place_order()"> 
     <ion-icon name='search'></ion-icon> 
     Search Jobs 
     </button> 

     <button ion-item color="transparnt" (click)="Profile()" detail-none> 
     Profile 
     </button> 

     <button ion-item color="transparnt" (click)="Notifications()" detail-none> 
     Notifications 
     <span ion-button clear item-end color="login_btn_color">28</span> 
     </button> 

     <button ion-item color="transparnt" detail-none> 
     Timesheets 
     <span ion-button clear item-end color="login_btn_color">28</span> 
     </button> 

     <button ion-item color="transparnt" (click)="Payment()" detail-none> 
     Payments 
     <span ion-button clear item-end color="login_btn_color">28</span> 
     </button> 

     <button ion-item color="transparnt" (click)="Setting()" detail-none> 
     Settings 
     </button> 

     <button ion-item color="transparnt" (click)="Logout()" detail-none> 
     Logout 
     </button> 

    </ion-list> 

    </ion-content> 

</ion-menu> 

<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>

离子信息：

科尔多瓦CLI：6.5。 0
离子Framework版本：3.4.2
离子CLI版本：2.2.1
离子应用程序库版本：2.2.0
离子应用脚本版本：1.3.7
IOS部署版本：未安装
IOS-SIM版本：未安装
操作系统：Windows 8.1
节点版本：V4.5.0
的Xcode版本：不是插件滑动

如果我将Page7设置为根，侧面菜单正常工作。

请指导我做错了什么。谢谢！

来源

2017-07-06 Umar Rasheed

您的菜单中选择Add ID：

<ion-menu id="mymenu" class="sproglets_menu" [content]="content" persistent="true" >

在第2页，6页，第7页（页面被设置为rootpage）启用菜单

constructor(public menuCtrl: MenuController){} 
ionViewDidLoad() { 
    this.menuCtrl.enable(true, "mymenu"); 
}

来源

2017-07-07 02:17:47 Duannx

感谢您的回复。首先请指导我可以我需要给名称，id在app.html菜单存在或我在哪里设置rootpage的文件？ –

好的，谢谢让我试试 –

我试着按你的建议，但无法工作。 –

如果您仍然面临这个问题，我想我已经发现了这个中心的主要问题。当您从“模式”或“弹出窗口”推送时会出现问题，因此导致导航问题。要正确执行此操作，请执行推送或setRoot'从调用popover或modal的页面'。这很容易与“onDidDismiss”功能来完成：

你的情况

//Page which calls popover: 
popover.create(); 

//Page popover: Dismiss existing popover (you may also pass a parameter) 
popover.dismiss(myParameter); 

//Page which calls popover: Veriry if popover was removed 
popover.onDidDismiss(data => { 
    if(data == "something") 
    { 
     //Navigate to new page 
     this.nav.push(newPage) 
    } 
});

也许这些网页中的一个模式或酥料饼。所以，试试这种方式，看看会发生什么。

希望它有帮助！

来源

2017-11-28 12:51:07

离子2侧菜单不工作后推数

回答

相关问题