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

Question

我遇到了以下问题。

app.component.ts 正在侦听事件 'login'，效果很好。但是，当事件触发时，我想重新加载我的 app.component 页面，因为我想在用户登录时显示不同的侧面菜单。

我找到了一些包含内容的示例，但内容不再包含在@ionic/angular 中。

有人有工作示例吗？这对我来说很重要。

提前谢谢你。

关注我的环境信息

离子 CLI：5.2.6 (/usr/local/lib/node_modules/ionic) 离子框架：@ionic/angular 4.4.2 @angular-devkit/build-angular：0.13.9 @angular-devkit/schematics：7.3.9 @angular/cli：7.3.9 @ionic/angular-工具包：1.5.1

Answer 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>

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

How to reload app.component on event in ionic 4

reload

ionic4