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

Question

我遇到了以下问题。

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

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

有人有工作的例子吗？这会让我很多。

提前谢谢你。

关注我的环境信息

Ionic CLI ： 5.2.6 (/usr/local/lib/node_modules/ionic( 离子框架 ： @ionic/角 4.4.2 @angular-devkit/build-angular ： 0.13.9 @angular开发套件/原理图：7.3.9 @angular/命令行界面 ： 7.3.9 @ionic/角度工具包：1.5.1

Answer 1

与其重新加载页面，这不是最佳实践，不如将菜单绑定到可以根据登录状态更改的数据列表。

如果您还想进行结构更改，那么您可以将它们放在两个版本的*ngIf上。

本教程演示如何从页面数组绑定菜单。

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

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>