Juntando dados achatados

eu gostaria de juntar os dados no init da minha tabela de clientes na lista de projetos.

O modelo é assim:

projetos

chavenome: stringcustomer: customerKey

clientes

chavenome: string

Você tem um exemplo, como eu faço isso a partir do componente angular2 usando angularfire2?

meu controlador fica assim:

import { Component, OnInit } from '@angular/core';
import { Project } from '../project';
import { Router } from '@angular/router';
import { FirebaseAuth } from 'angularfire2';
import { AngularFire, FirebaseListObservable, FirebaseObjectObservable } from 'angularfire2';
import { Observable } from 'rxjs';

@Component({
  moduleId: module.id,
  selector: 'app-projects',
  templateUrl: 'projects.component.html',
  styleUrls: ['projects.component.css']
})
export class ProjectsComponent implements OnInit {

  projects: FirebaseListObservable<any[]>;
  customers: FirebaseListObservable<any[]>;
  projectName: string;
  constructor(
    private router: Router,
    private af: AngularFire
  ) { };

  ngOnInit() {
    this.projects = this.af.database.list('projects');
  }

  add(projectName: string) {
    this.af.database.list('projects')
      .push({ name: projectName, id: '123' });
    this.projectName = null;
  }
}

Atualizar

Eu mudei o tipo de this.projects para Observable a partir do FirebaseListObservable my on ngOnInit () método agora se parece com isso:

ngOnInit() {
this.projects = this.af.database.list(`projects`)
  .map(projects => {
    projects.map(project => {
      this.af.database.object('customer/' + project.customer + '/name')
        .subscribe(customer => {
          project.customer = customer;
        })
      return project;
    })
    return projects;
  });
}

agora não consigo acessar a propriedade name do customer a partir do modelo dentro de

<li *ngFor="let project of projects | async">

project.customer.$value

questionAnswers(1)

yourAnswerToTheQuestion