使用Angular NGRX处理来自Firebase的数据并显示在材料表中

时间:2019-03-04 20:09:09

标签: angular typescript firebase firebase-realtime-database angular-cli

我一直在学习Angular和NRGX。该应用程序非常简单,只需列出一个员工列表,然后单击该员工即可打开有关他/她的详细信息。

我遇到的问题是NRGX。在尝试使其正常运行之前,该服务(正在从Firebase收集信息)已经正常运行。

此代码不适用于我:

this.employeeNRGXList = this.store.select(state => state.employee).pipe()

问题是,当我尝试将数据传递到表时,出现类似错误

  

错误:提供的数据源与数组,Observable或DataSource不匹配

我已经尝试过解决此问题:

this.store.select(state => state.employee).subscribe(data => {
  this.dataSource = new MatTableDataSource(data);
  this.employeeNGRXList = of(this.dataSource.data);
});

如果我不使用管道异步,则什么也不会出现,但是如果我使用它-我会遇到与上述相同的错误。

我已将代码推送到Github,因此更容易理解该问题。我要使其起作用的代码在getEmployeeList(){}的TableViewComponent中。

任何想法,我在做什么错了?

0 个答案:

没有答案