Ich möchte die Daten von init aus meiner Kundentabelle in die Projektliste aufnehmen.

Model ist wie folgt:

projects

Schlüssename: string Kunde: customerKey

Kunde

Schlüssename: string

Haben Sie ein Beispiel, wie ich dies mit anglefire2 aus angle2-Komponente mache?

mein controller sieht so aus:

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;
  }
}

Aktualisiere

Ich habe den Typ von this.projects in Observable von FirebaseListObservable geändert. Die my on ngOnInit () -Methode sieht jetzt folgendermaßen aus:

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;
  });
}

i kann jetzt über die Vorlage in @ nicht mehr auf die Namenseigenschaft des Kunden zugreif

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

project.customer.$value