Firebase：将集合放在数组中

Question

有人已经在 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});
  }
}

这就是我对发现的库的尝试：

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

alert( O2A(this.items) );

但这对我不起作用。

谢谢！

Answer 1

我会以你提供的例子来回答。
这个工作的最低要求是稍微调整 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;
}