ArrayQuery 함수 GraphQL에서 Observable을 반환하지만 * ngFor 오류가 발생했습니다

Question

[오류 : NgFor는 배열과 같은 반복문에만 바인딩을 지원합니다. ]

내가 뭘 잘못하고 있니?

View Code : 
<div *ngFor="let item of data| async" class="wide-box"> 

구성 요소 코드 :

public data : ApolloQueryObservable 

는

public feed(){ 
    var a = gpl` 
    query user($user: UserInput){ 
    user(user:$user){ 
     first_name 
     lync{ 
      artist 
      title 
      albumArtUrl 
      listenon 
      date 
      author{ 
       username 
       email 
      } 
     } 
     following{ 
      lync { 
       artist 
       title 
       albumArtUrl 
       listenon 
       date 
       author{ 
        username 
        email 
       } 
      } 
     } 
    } 
} 
`; 
this.data = this.apollo.watchQuery({ 
    query: a, 
    variables: { 
      user: { 
       email: window.localStorage.getItem('email') 
      } 
     } 
    }).map((x:any)=>x.data.user[0]).map(x=>{ 
     this.feedItem = [] 
     if(x.lync.length){ 
      x.lync.map(l=>{ 
       if(l!=undefined){ 
        this.feedItem.push(l) 
       } 
      }) 
     } 
     if(x.following){ 
      x.following.map(y=>{ 
       if(y.lync.length != 0){ 
        y.lync.map(l=>{ 
         if(l!=undefined){ 
          this.feedItem.push(l) 
         } 
        }) 
       } 
      }) 
     } 

     console.log(this.feedItem, "feedItem") 
     return ApolloQueryObservable.of(this.feedItem) 
    }) 

는 서버에서 데이터를 다시 반입하려면 watchQuery 함수를 호출하고지도 기능의 일부 사후 처리를 수행하고, 배열의 관찰 가능한 반환

public refresh(){ 
    this.data.refetch() 
    } 

Answer 1

나는 어떤 일이 일어나는지 알지 못하지만 watchQuery의 마지막지도 연산자가 어떤 객체도 반환하지 않는다는 것을 알았다.

따라서는