【发布时间】:2020-07-30 19:08:18
【问题描述】:
我在这里找到了一些关于这个主题的旧答案/方法,但我想知道,现在在 2020 年的 Angular 9+ 中,在路由后将数据传递到其他组件的最佳方式是什么。
要求是:
- 数据不应在网址栏中显示
- 页面刷新后数据应该可用
在我的应用程序中,我有一个简单的登录组件。如果登录成功,它将导航到具有子路由器出口的组件。我的意思是,它导航到/document/list,并且路由配置是这样的:
{
path: "document", component: StartPageComponent, children: [
{ path: "list", component: DocumentTableComponent }
]
},
startpage 组件如下所示:
<app-header (hamburgerClicked)="onHamburgerClick()" [userName]="userName" [roleName]="roleName"></app-header>
<app-sidebar #appsidebar></app-sidebar>
现在,我想在StartPageComponent 中使用来自login 组件的值userName 和roleName。满足上述要求的最佳方法是什么?
谢谢。
【问题讨论】:
-
这是一个固执己见的问题,无法真正回答。但我会开始考虑状态管理并从那里继续前进。