如何在 ionic 4 事件中重新加载 app.component答案

【问题标题】：How to reload app.component on event in ionic 4如何在 ionic 4 事件中重新加载 app.component
【发布时间】：2019-10-10 00:17:46
【问题描述】：

我遇到了以下问题。

app.component.ts 正在监听事件“登录”，它工作正常。但是，当事件触发时，我想重新加载我的 app.component-page，因为我想在用户登录时显示不同的侧边菜单。

我发现了一些内容示例，但 @ionic/angular 中不再包含内容。

有人有一个可行的例子吗？这对我来说很重要。

提前谢谢你。

关注我的环境信息

Ionic CLI：5.2.6 (/usr/local/lib/node_modules/ionic) 离子框架：@ionic/angular 4.4.2 @angular-devkit/build-angular：0.13.9 @angular-devkit/原理图：7.3.9 @角/cli：7.3.9 @ionic/angular-toolkit：1.5.1

【问题讨论】：

标签： ionic4 reload

【解决方案1】：

您应该将菜单绑定到可以根据登录状态更改的数据列表，而不是重新加载页面，这不是最佳做法。

如果您也想进行结构更改，那么您只需将它们放在*ngIf 上即可获得两个版本。

本教程shows how to bind the menu 来自页面数组。

您只需设置一个数据结构来保存菜单项：

sideMenu()
  {
    this.navigate =
    [
      {
        title : "Home",
        url   : "/home",
        icon  : "home"
      },
      {
        title : "Chat",
        url   : "/chat",
        icon  : "chatboxes"
      },
      {
        title : "Contacts",
        url   : "/contacts",
        icon  : "contacts"
      },
    ]
  }

然后在前端循环：

    <ion-list *ngFor="let pages of navigate">
      <ion-menu-toggle auto-hide="true">
        <ion-item [routerLink]="pages.url" routerDirection="forward">
            <ion-icon [name]="pages.icon" slot="start"></ion-icon>
               {{pages.title}} 
        </ion-item>
      </ion-menu-toggle>
    </ion-list>

【讨论】：

非常感谢！我会检查文章并尝试按照。
乐于助人。请考虑投票，否则这不计入我的 Ionic4 标签徽章（不知道为什么 stackoverflow 决定这样排名）