角2 - 新しいアイテムを追加した後にfirebaseリストを逆にする方法

Question

私はfirebaseリストをリアルタイムで逆にする方法を探しています。たとえばため

：私はこのfirebaseリストを得る：

{apple, orange, banana}; == After reverse => {banana, orange, apple}

そして、私は新しいアイテム（ページを更新せずに）を追加した場合、私のリストは次のようにする必要があります：

{apple, orange, banana, other} == reversed => {other, banana, orange, apple}

このコードを使用してリストを逆転しようとしましたが、エラーがあります：

<div *ngFor="let f of fruitsList | reverse async"> 

はまた、私はこの1つをチェックしますが、リストには、私は、このリンク[Is it possible to reverse a Firebase list?]をチェックしますが、私は、アプリケーションを実行していないときに、私が望むよう

それは結構です

<div *ngFor="let f of fruitsList | async reverse"> 

を逆転しませんでしたが、私はいずれかを追加するとき新しい項目画像として表示されるリスト。

Img for list after adding new item

注：

Public fruitList: FirebaseListObservable<any[]> 

Answer 1

として定義FruitListは

<div *ngFor="let f of fruitsList.reverse() | async "> 

おかげで、 O

これは、単純な配列のために働くだろうとしてみてください。 FireBaseObservableのために、あなたはこの

import { Pipe, PipeTransform } from '@angular/core';  
@Pipe({ 
    name: 'reverse' 
}) 
export class ReversePipe implements PipeTransform { 

transform(value) { 

if (!value) return; 
     return value.reverse(); 
    } 
} 

のようなパイプを作成し、この

<div *ngFor="let f of fruitsList | async | reverse">