angular - 类型 'Observable' 不可分配

Question

我是 angular 和 firebase 的新手，我尝试使用 angular/fire 库的示例做一个简单的程序:

import { Component } from '@angular/core';
import { Firestore, collectionData, collection } from '@angular/fire/firestore';
import { Observable } from 'rxjs';

interface Item {
  name: string
};

@Component({
  selector: 'app-root',
  template: `
  <ul>
    <li *ngFor="let item of item$ | async">
      {{ item.name }}
    </li>
  </ul>
  `
})
export class AppComponent {
  title = 'firetest2812';
  item$: Observable<Item[]>;
  constructor(firestore: Firestore) {
    const collect = collection(firestore, 'items');
    this.item$ = collectionData(collect);
  }
}

编译时我遇到了这些错误:“错误:src/app/app.component.ts:24:5 - 错误 TS2322:类型‘Observable ’不可分配给类型‘Observable '."

谁能告诉我哪里出了问题？谢谢!

Answer 1

我通过这样的转换解决了这个问题:

 this.item$ = collectionData(collect) as Observable<Item[]>