【问题标题】:pass data to component in angular after routing路由后以角度将数据传递给组件
【发布时间】: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。满足上述要求的最佳方法是什么?

谢谢。

【问题讨论】:

  • 这是一个固执己见的问题,无法真正回答。但我会开始考虑状态管理并从那里继续前进。

标签: angular angular-router


【解决方案1】:

在登录组件中验证后,您必须将数据存储在localstorage中。您可以使用localStorage在ngInit lifeCycle方法上检索组件中的值。

【讨论】:

    猜你喜欢
    • 2017-05-04
    • 2016-07-14
    • 1970-01-01
    • 2019-11-05
    • 2018-05-08
    • 1970-01-01
    • 2021-12-22
    • 2020-02-06
    • 2022-12-07
    相关资源
    最近更新 更多