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

Question

我正在使用

• 角
• 火力地堡

我想要实现的目标

• 按日期顺序显示项目（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，因此您必须将其更改为数组，然后您必须根据日期对数组进行排序。这是排序功能：

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

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

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