可以使用从NGRX Store收集的数据创建一个类型接口的对象

Question

我有这个接口：

export interface AuthStateInterface {
    isSubmitting: boolean,
    X_HI_CODE: string,
    token: string,
    userId : number,
    roleId: number   
}

我想创建一个接口类型的对象，并使用其他类中的NGRX存储中收集的一些数据使用方法initializeValues（）将对象创建为Bellow：

  initializeValues(): void {
    const data: AuthStateInterface = {
      isSubmitting: false,
      X_HI_CODE: this.store.pipe(select(xhicodeSelector)),
      token: this.store.pipe(select(tokenSelector)),
      userId : this.store.pipe(select(userIdSelector)),
      roleId: this.store.pipe(select( roleIdSelector)),
    };
    console.log('data', data)
  }

但是Visual Studio错误如您所见。屏幕截图：

当我悬停在红色警报上时，这就是它所说的：

如果有人可以帮助我解决这个问题，我会很棒。

Answer 1

一般来说，我误会了几个角度或打字稿的概念。正如@mikeone在评论中所说的那样，NGRX选择器返回可观察到的，我不得不订阅并将其分配给我之前声明的变量。所以这就是我所做的：

1-我初始化了变量，而不是观察到：

isSubmitting!: boolean
  token!: string
  roleId!: [number]
  userId!: string

2-我使用selector钩3选择了来自ngrx商店的数据

ngOnInit(): void {
    this.initializeValues()
    this.getAllStaff()
  }
  
  initializeValues(): void {

    this.store
    .pipe(select(isSubmittingSelector), map((isSubmitting) => isSubmitting))
    .subscribe(value => this.isSubmitting = value);
    this.store

    .pipe(select(tokenSelector), map((token) => token))
    .subscribe(value => this.token = value);

    this.store
    .pipe(select(roleIdSelector), map((roleId) => roleId))
    .subscribe(value => this.roleId = value);

    this.store
    .pipe(select(userIdSelector), map((userId) => userId))
    .subscribe(value => this.userId = value);
  }

3-然后我使用这些值创建传递给下一个承诺的数据

   getAllPersnlValues() {
    const data: AuthStateInterface = {
      isSubmitting: this.isSubmitting,
      X_HI_CODE: this.HI_CODE,
      token: this.token,
      userId : this.userId,
      roleIds: this.roleId,
    };
    console.log('data', data);
   
    return this.persnlService.getPersnl(data)
    .pipe(
      map((response) => response)
    );
  }

应该是做到这一点的一种较短的方法，在我的ReactJs背景下，我还有更多关于RXJ的知识，然后才吹嘘更简单的技术。但是这种方法使这项任务完成了。