使用 url 栏导航或刷新时，页面上的数据未正确加载，使用 Angular 6 和 ngrx

Question

使用 url 栏导航或刷新时页面上的数据未正确加载，但使用侧边栏上的按钮（带有 routerLink）导航时加载。

基本上，该页面会发送 API 带有用户帐户 ID 和 returns 该帐户信息的请求。但是当我刷新页面时，accountID 没有被检索到，所以 API 请求不起作用。

我从商店获取 user$，然后在 ngOnInit 中我这样做：

    this.user$.subscribe(user => {
      if (user != null && user['id']){
        this.accountId = user['account_id']
      }
    })


    this.getAccountInfo(this.accountId);

我不知道为什么它在使用 routerLink 导航时有效，但在使用 url 栏或刷新时无效。

任何人都可以帮助我获得 api 请求以在刷新时使用用户的帐户 ID 吗？

感谢您的帮助。我是 angular 和 redux 的新手。

Answer 1

您尝试过将 getAccountInfo 放入订阅中吗？

喜欢：

  this.user$.subscribe(user => {
      if (user != null && user['id']){
        this.accountId = user['account_id'];

    this.getAccountInfo(this.accountId);
      }
    })

使用 url 栏导航或刷新时，页面上的数据未正确加载，使用 Angular 6 和 ngrx

Data on page not loading properly when navigated to using the url bar or on refresh, using Angular 6 and ngrx

angular

redux

angular6

ngrx

angular-redux