firebase-realtime-database - 类型 'query' Ionic Firebase 中缺少属性 'Observable<{}[]>'

Question

所以我尝试了 Josh Morony 的关于如何在 Ionic 中处理 Firebase 的教程: https://www.joshmorony.com/building-a-crud-ionic-2-application-with-firebase-angularfire/

到目前为止我做了什么:

app.module.ts

1. 我已导入 AngularFireDatabaseModule并在 imports .

import { AngularFireDatabaseModule } from 'angularfire2/database';

imports: [
BrowserModule,
AngularFireModule.initializeApp(config),
AngularFireDatabaseModule

---

career.ts

我导入AngularFireDatabase, AngularFireList ，注入(inject)AngularFireDatabase在constructor .

import { AngularFireDatabase, AngularFireList } from 'angularfire2/database';

constructor(public navCtrl: NavController, private database: AngularFireDatabase)

---

我还在构造函数之前添加了一个 var

companies: AngularFireList<any>;

---

最后，我在构造函数内完成了此操作。

this.companies = this.database.list('/company').valueChanges();

---

this.companies显示错误。 View 加载了列表，但问题是仍然有错误，我不知道发生了什么。这就是当我将鼠标悬停在 this.companies 上时显示的内容:

我真的希望你们中的任何人都可以向我解释发生了什么以及如何解决这个错误。真的很抱歉也非常感谢。

Answer 1

在 AngularFire2 中，有两种对象类型需要注意。

this.database.list('/company')类型为AngularFireList<any> this.database.list('/company').valueChanges()给出Observable<any[]> .

如果您需要两者的引用，可以执行以下操作:

this.companiesRef:AngularFireList<any>;
this.companies:Observable<any[]>;
//...
//while accessing,
this.companiesRef = this.database.list('/company');
this.companies = this.companiesRef.valueChanges();

引用文档 here