refirebase.pipe.ts

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({name: 'reFirebase'})
export class ValuesPipe implements PipeTransform {
    transform(value: any, args?: any[]): any[] {
        
        let keys = Object.keys(value),
            output = [];

        keys.forEach(key => {
            let arrayItem = value[key];
            if(key != "$key") {
              arrayItem.$key = key;
              output.push(arrayItem);
            }
        });
        return output;
    }
}

Looking to iterate through nested Firebase data with AngularFire2 from within your template? reFirebase can help!

Sample usage:

<div *ngFor="let category of data | async">
  <h3>{{category.$key}}</h3>
  <div *ngFor="let sub of category | reFirebase"><h4>{{sub.$key}}</h4>
    <div *ngFor="let resource of sub.resources | reFirebase">
      <a target="_blank" [href]="resource.url">{{resource.title}}</a> <span *ngIf="resource.rev">Public!</span></div>
  </div>
</div>