从 angular observable ngrx/store 获取对象

Question

我在从 @ngrx/store 获取对象时遇到问题。 这段代码运行了很长时间，但现在似乎坏了，我不知道为什么。

要存储的对象具有以下结构：

export class UserInfo {
  user: string;
  token: string;
  permissions: string[];
}

此函数将我的对象保存到商店：

saveUserInfo(userInfo: UserInfo) {
    this.store.dispatch(new UserInfoActions.Save(userInfo));
}

现在，当我尝试像这样从商店取回对象时：

userInfoStore$: Observable<UserInfo>;
constructor(private store: Store<AppState>) {
    this.userInfoStore$ = this.store.select('userInfo').subscribe(user => {
      console.log(user)
    });
}

所需的输出类似于

{user: "username", token: "token", permissions: []}

但输出是：

{0: "{", 1: "\"", 2: "u", 3: "s", 4: "e", 5: "r", 6: "\"", 7: ":", 8: "\"", 9: "u", 10: "s", 11: "e", 12: "r", 13: "n", 14: "a", 15: "m", ...}

这里发生了什么？ 有什么改变了observables工作方式吗？

Angular v9.1.0 @ngrx/store v9.0.0

Answer 1

这背后的原因是您的减速器正在返回字符串化的userInfo 。 检查您从 API 接收的userInfo和您从中返回 userInfo 的减速器。