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의 차이점 중 하나는 Observables가 게으르다는 것입니다. 작업을 시작하려면 Observables를 구독해야합니다.

2) 키/아이디가 필요하지 않은 경우 사용하기 쉬운 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; 
}