sorting - firebase 和 Ionic 2 上的降序 orderByChild()

标签 sorting firebase ionic-framework firebase-realtime-database ionic2

我需要按日期排序项目,但显然我需要降序排序以正确顺序显示帖子......

import {
  AngularFireDatabase
} from 'angularfire2/database';
import 'rxjs/add/operator/map';

/*
  Generated class for the FirebaseProvider provider.

  See https://angular.io/docs/ts/latest/guide/dependency-injection.html
  for more info on providers and Angular 2 DI.
*/
@Injectable()
export class FirebaseProvider {

  constructor(public afd: AngularFireDatabase) {}


  getPostsItems() {
    return this.afd.list('/Posts/', {
      query: {
        orderByChild: "date",
      }
    });

  }


此查询返回升序,我需要一个降序,Firebase web 中未对此进行解释。

我需要哪些查询?

最佳答案

一种方法可能是颠倒组件模板中的顺序。首先,您可以直接在组件中获得一个帖子列表:
post.component.ts

    export class PostsComponent {
      posts: FirebaseListObservable<any>;
     
      constructor(db: AngularFireDatabase) {
        this.posts = db.list('/posts', {
          query: {
            orderByChild: 'date'
          }
        });
      }
    }
然后,您可以使用 reverse在模板中反转帖子顺序的方法:
post.component.html
    <div *ngFor="let post of (posts | async)?.slice().reverse()">
      <h1>{{ post.title }}</h1>
    </div>

关于sorting - firebase 和 Ionic 2 上的降序 orderByChild(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44814165/

相关文章:

javascript - Javascript 中高效的人类可读日期字符串排序算法

android - 程序类型已经存在 : com. google.android.gms.common.api.zzf

Firebase/AngularFire2 : Push data not directly, 仅在按下保存按钮后

css - 如何在固定搜索栏下有一个 >=2 的可滚动 ionic 列表

javascript - 如何使用 JavaScript 划分 LI 列表?

c# - 在 C# 中对 ListView 进行排序导致崩溃

swift - Firebase/Swift 查询顺序然后匹配值

ios - Swift 和 Firebase - 数据库和用户默认值

javascript - Chart Js V2 在垂直条上绘制水平条(平均)

C# 计算时间序列 SortedList<DateTime, double> 的移动中位数 - 提高性能?