Wert von Angularfire2 wird wiederhergestellt

Question

Ich bin verrückt danach, also unterbreite ich mich dem Publikum.

Ich muss ein Observable zurückgeben. Ich zuerst Firestore aufrufen, um ein Feld, das ein Array enthält, und dann basierend auf jedem Wert des Arrays, möchte ich den passenden Schlüssel abrufen. Ziemlich einfach normalerweise.

Ich sehe genau, was ich auf der Konsole kann, so Daten sind hier, aber warum zur Hölle erscheinen sie nie in der Ansicht. Bevor ich aufgab, machte ich unzählige Variationen von unten.

Mein Service - Bearbeitet, um Vorschläge zu reflektieren. Noch arbeitet Meine Komponente nicht

getUserActivites() { 

    console.log(this.userId) 
    let array = [] 

    const agenda = this.afs.doc(`users/${this.userId}`).snapshotChanges() 

    agenda.subscribe(list => { 
     const data = list.payload.data().activities 
     data.map(event => { 
     const id = event 
     const dataRef = this.afs.doc(`activities/${event}`).valueChanges() 
     dataRef.subscribe(date => { 
      array.push(date) 
      console.log(array) //array log the expected data in an array of Object 
      return data 
     }) 
     }) 
    }) 
    return agenda 
    } 

public agendaData: Observable<any>

dann in Konstruktor

this.agendaData = this.agenda.getUserActivites()

My View

<div *ngFor="let item of agendaData | async "> 
{{ item.name }} 
</div> 

Answer 1

Ist getUserActivities =() => {Arbeit?

Ist das Datum beobachtbar?

this.observableBooks = this.bookService.getBooksWithObservable();

getBooksWithObservable(): Observable { Rückgabe this.http.get (this.url) .map ((res: Response) => res.json());

Entschuldigung, wenn es Ihre Frage nicht beantwortet Ich mag mich selbst, was das Problem hier ist!

Answer 2

1) Ich glaube, Sie haben subscribe() in this.afs.....snapshotChanges() vergessen. Einer der Unterschiede zwischen Promise und Observables ist, dass Observables faul ist - du musst es abonnieren, um zu arbeiten.

2) Wenn Sie Schlüssel/ID nicht benötigen, sollten Sie valueChanges() verwenden, die einfacher zu verwenden ist. Beispiel (nicht getestet):

getUserActivites() { 
    let agenda = [] //Created for logging only 

    let usersTask = this.afs.object(`users/${this.userId}`).valueChanges();  
    let myReturnTask = usersTask.subscribe(users => {   
     console.log('received users'); 
     users.map(user => {    
      const dataRef = this.afs.doc(`activities/${user.id}`).valueChanges() 

      dataRef.subscribe(date => { 
       agenda.push(date) //For logging purpose I created this array 
       console.log(agenda) //Here I see exactly what I want! 

       return date // Why date is not returned? 
      }) 
     }) 
    }) 

    return myReturnTask; 
}