離子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側菜單不工作後推數

回答

相關問題