Angular 6 - 参数类型订阅不可分配给参数类型 Array<any>

Question

尝试在表格上显示数据。

Smart-table-component.ts

export class SmartTableComponent {
clients: Client[];
totalOwed: number;

source: LocalDataSource = new LocalDataSource();

constructor(private clientService: ClientService) {
  const data = this.clientService.getClients().subscribe(clients => this.clients = clients);
  this.source.load(data); // this line returns the error below
}

这是错误：

参数类型订阅不可分配给参数类型数组

如果我继续使用我的 ClientService，这就是 getClients() 所做的：

getClients(): Observable<Client[]> {
this.clients = this.clientsCollection.snapshotChanges()
  .map(changes =>  {
    return changes.map(action => {
      const data = action.payload.doc.data() as Client;
      data.id = action.payload.doc.id;
      return data;
    });
  });
return this.clients;
}

那么，如何将订阅转换为数组？

Answer 1

如下所示直接将客户端绑定到源，而不是分配给数据，

this.clientService.getClients().subscribe(clients =>{ 
   this.clients = clients;
   this.source.load(clients);
});