異步更改Ionic2側邊菜單項

Question

我正在創建一個Ionic 2應用程序，其中的側菜單項將異步加載。 側面菜單中的項目將在每一頁上更改。 到目前為止，我已經使用側邊菜單模板啟動了一個新的Ionic 2項目。

我面臨的問題是，一旦在側菜單中加載了項目，就無法在另一頁中更改這些項目。

我的側邊菜單設計代碼在app.html文件中，項目列表在app.component.ts文件中。 應用加載時，這些項目會在側邊菜單中列出，但是當我移至另一頁面時，我將無法更改這些相同的項目。

有什么辦法可以改變嗎？

Answer 1

我曾遇到類似的情況在我的項目之一，使用Events從“離子棱角”實現動態側菜單功能。

您可以使用以下命令在app.component.ts文件的構造函數中訂閱一個事件，例如“ UPDATE_SIDE_MENU”。

events.subscribe("UPDATE_SIDE_MENU", (eventData) => {
   //Logic to update Side-menu 
});

並且每當您移至需要更新側菜單的另一個頁面時，都可以使用以下ionViewWillEnter在該頁面中發布事件（通常在ionViewWillEnter函數中）：

 events.publish("UPDATE_SIDE_MENU", "some event related data")

它將接收到您的app.component.ts文件中，您可以在其中實現代碼以更新側邊菜單。