Angularfire2からの価値を引き戻す

Question

私はこれに夢中になっているので、私は聴衆に提出します。

Observableを返す必要があります。 最初にFirestoreを呼び出して配列を含むフィールドを取得し、配列の各値に基づいて一致するキーを取得したいとします。通常はかなり簡単です。

私はコンソールで何が起こっているのか正確に分かるので、データはここにありますが、なぜ彼らは決してビューに表示されません。私があきらめる前に、私は以下の無数のバリエーションを作った。

マイ・サービス - 提案が反映されるように編集されました。それでもコンストラクタで public agendaData: Observable<any>

[マイコンポーネント

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 
    } 

を働いていない

this.agendaData = this.agenda.getUserActivites()

マイビュー

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

Answer 1

getUserActivities =（）=> {は動作しますか？

日付は観測可能ですか？

this.observableBooks = this.bookService.getBooksWithObservable（）;

getBooksWithObservable（）：Observable { 返すthis.http.get（this.url）.map（（res：Response）=> res.json（））;

申し訳ありませんご質問にお答えできない場合は、私は自分自身に問題が何であるかご存じですか？

Answer 2

1）subscribe()をthis.afs.....snapshotChanges()に忘れてしまったと思います。 PromiseとObservablesの違いの1つは、Observablesが怠け者であることです。作業を開始するには、Observablesを購読する必要があります。

2）キー/ IDが不要な場合は、使いやすいvalueChanges()を使用する必要があります。例（テストされていない）：

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