Angular 和 Firebase - 是否可以在解析器中使用查询？

Question

我正在使用什么

• 角度
• Firebase

我正在努力实现的目标

• 按日期顺序显示项目（firebase“project_date”中的一个键。见下面的节点标题截图）

问题

• 我目前正在使用解析器退回我的物品
• 是否可以将查询/排序合并到我的解析器中？

我的项目列表解析器

import { Injectable } from '@angular/core';
import { AngularFireDatabase } from 'angularfire2/database';
import { AuthService } from '../../user/auth.service';
import { ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
import 'rxjs/add/operator/first';
import { Observable } from 'rxjs/Observable';

@Injectable()

export class ProjectsListResolver {

  constructor(private database: AngularFireDatabase, private authService: AuthService) { }

 
  resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<any> {

    return Observable.create(observer => {

      this.authService.user
        .first()
        .subscribe(user => {
          this.database.list(`/project_list/${user.uid}`)
            .first()
            .subscribe(projectList => {
              observer.next(projectList);
              observer.complete();
            });
        });
    });
  }

}

项目组件 TS

ngOnInit() {

    // Returns the data from the projects list resolver
    this.activatedRoute.data
      .subscribe((
        data: { projectListData: any }) => {
        this.projectsList = data.projectListData;
      });
  }

任何帮助将不胜感激！

Answer 1

我的应用程序就是这样做的。首先，当您从 Firebase 获取数据时，它是 json ，因此您必须将其更改为 array ，然后您必须根据日期对数组进行排序。这是排序函数：

 arr.sort((a: any [], b: any []) => {

        return (new Date (a[0]) .getTime() - new Date (b[0]).getTime()) ;
      });

如果你想要完整的代码，我可以发布它。