角/离子模板的可观察问题

时间:2018-03-30 16:05:25

标签: angular ionic-framework google-cloud-firestore

我使用AFS模块从Firestore获得了可观察的返回数据。一切似乎都很好,但我无法获得任何东西来到达模板。

list.ts

...
  list$: Observable<any[]>;

  constructor() {
     this.listDocumentRef = *REDACTED*;
     this.list$ = this.listDocumentRef.snapshotChanges().map(action => { 
        return action.payload.data();
     }); 
    this.list$.subscribe(res => console.log(res));
  }
...

list.html

    <ion-item *ngFor="let item of list$.items | async" >
      <ion-label>{{item.item}}</ion-label> 
    </ion-item>

所以,控制台正在返回:

{items: Array(2)}
items:
Array(2)
0:{item: "cheese"}
1:{item: "butter"}

这表明我非常接近,但努力想看看我错过了哪一步!

1 个答案:

答案 0 :(得分:0)

不确定你的情况,但这样的事情应该有效:

<强> list.ts

import 'rxjs/add/observable/of';


public list$: Observable<Array<any>>;

ngOnInit() {

  this.<something iterable to subscribe to>.subscribe((response) => {
    this.list$ = Observable.of(response)
  });
}