Question

我使用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"}

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

Answer 1

不确定你的情况，但这样的事情应该有效：

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

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

1 个答案: