Firebase：将集合放入数组中

如何解决Firebase：将集合放入数组中

有人已经在angular上使用了ng-table，可以弄清楚如何在firebase集合中使用它吗？

我试图使用ng-table（最后一个示例）对Angular 10上的集合进行排序和过滤，所以我试图仅将代码中的常量更改为我的对象，但它不起作用。我认为我需要将我的对象转换为数组，因此我尝试了this library来做到这一点，而且也不起作用。还尝试在stackoverflow上查找此消息，而我发现的是其他存在相同问题的人。

这是我需要执行的确切功能。 COUNTRIES 是来自* countries.ts 的数组。下面的功能在 country.service.ts 上。

  private _search(): Observable<SearchResult> {
    const {sortColumn,sortDirection,pageSize,page,searchTerm} = this._state;

    // 1. sort
    let countries = sort(COUNTRIES,sortColumn,sortDirection);

    // 2. filter
    countries = countries.filter(country => matches(country,searchTerm,this.pipe));
    const total = countries.length;

    // 3. paginate
    countries = countries.slice((page - 1) * pageSize,(page - 1) * pageSize + pageSize);
    return of({countries,total});
  }
}

这就是我尝试使用发现的lib的方法：

this.items = this.firestore.collection('users').valueChanges();

alert( O2A(this.items) );

但这对我不起作用。

谢谢！

解决方法

我将以您提供的示例作为答案。
这项工作的最低要求是稍微调整country.service。我们更改了constructor()和private _search()方法。我们将需要用用户数组替换包含数据数组的COUNTRIES变量（请注意，您需要调整所有代码以匹配用户属性）

country.service.ts

...
users: User[];

constructor(private pipe: DecimalPipe) {
    this._search$.pipe(
      tap(() => this._loading$.next(true)),debounceTime(200),switchMap(() => this._search()),delay(200),tap(() => this._loading$.next(false))
    ).subscribe(result => {
      this._countries$.next(result.users);
      this._total$.next(result.total);
    });
    // this will get your users and start the _search$ above
    this.firestore.collection('users').valueChanges().pipe(take(1)).subscribe(users => {
        this.users = users;
        this._search$.next();
    });
  }
  
  private _search(): Observable<SearchResult> {
    const {sortColumn,sortDirection,pageSize,page,searchTerm} = this._state;

    // 1. sort
    // provide your users (instead of COUNTRIES exemple variable) as a param 
    let users = sort(this.users,sortColumn,sortDirection);

    // 2. filter
    users = users.filter(user => matches(user,searchTerm,this.pipe));
    const total = users.length;

    // 3. paginate
    users = users.slice((page - 1) * pageSize,(page - 1) * pageSize + pageSize);
    return of({users,total});
  }
...

不要忘记在方法参数中相应地重命名变量（users而不是countries）和类型（User而不是Country）。

我不会做所有工作，因为它太广泛了，但是至少，您了解了如何使用Firestore数据启动服务的想法。

还更改SearchResult界面，否则将出现编译错误：

interface SearchResult {
  users: User[];
  total: number;
}