फ़्लैटेड डेटा में शामिल होना

Question

मैं अपने ग्राहकों की तालिका से परियोजना सूची में init पर डेटा में शामिल होना चाहता हूं।

मॉडल इस तरह है:

• परियोजनाओं

  • कुंजी
  • नाम: स्ट्रिंग
  • ग्राहक: customerKey

• ग्राहकों

  • कुंजी
  • नाम: स्ट्रिंग

मैं कैसे angular2 घटक angularfire2 का उपयोग करने से यह करते हैं, आपको एक उदाहरण है?

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

अद्यतन

मैं ngOnInit() विधि अब इस तरह दिखता है पर FirebaseListObservable मेरे से प्रत्यक्ष करने के लिए this.projects के प्रकार को बदल दिया:

मेरी नियंत्रक इस तरह दिखता है:

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

अब मैं टेम्पलेट से ग्राहक की संपत्ति संपत्ति का उपयोग नहीं कर सकता

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

project.customer.$value 

Answer 1

नहीं बिल्कुल यकीन है कि कैसे अपने डाटासेट तरह लग रहा है, तो मैं बस एक बुनियादी उदाहरण लिखने के लिए जा रहा हूँ की। इस तरह की एक संरचना कुछ मान लिया जाये:

- projects 
    - key 
    - name: string 
    - customers 
     - customerKey: boolean 

- customers 
    - key 
    - name: string 

उदाहरण डेटा

- projects 
    - projectId1 
    - name: "Cool project!", 
    - customers 
     - customerId1: true, 
     - customerId2: true 
    - projectId2 
    - name: "Another cool project!", 
    - customers 
     - customerId2: true, 
     - customerId3: true 

- customers 
    - customerId1 
    - name: "John Smith" 
    - customerId2 
    - name: "John Doe" 
    - customerId3 
    - name: "John John" 

तो हम customers संपत्ति ग्राहकों की हर परियोजनाओं में कुंजी 'भंडारण कर रहे हैं।

चलो कहते हैं कि हम हर परियोजनाओं की सूची बनाना चाहते हैं, लेकिन हम भी, न सिर्फ उनके आईडी ग्राहकों की वास्तविक नाम के रूप में अच्छी तरह से करना चाहते हैं। चूंकि फायरबेस में शामिल नहीं होता है इसलिए हमें इसे मैन्युअल रूप से करना होगा।

this.projects = this.af.database.list(`projects`) 
    .map(projects => { 
    return projects.map(project => { 
     project.customers.map(customer => { 
     this.af.database.list(`customers`) 
      .subscribe(c => { 
      customer = c; 
      }); 
     }); 
     return project; 
    }); 
    }); 

भीतरी .subscribe एक सरल .map को बदला जा सकता है आप एसिंक्रोनस रूप से डेटा प्राप्त करने के (इस मामले में template` में async पाइप का उपयोग करें) चाहते हैं: यहाँ एक तरह से यह करने के लिए है।