将 AngularFire 添加到构造函数答案

【问题标题】：Add AngularFire to constructor将 AngularFire 添加到构造函数
【发布时间】：2017-12-08 15:39:10
【问题描述】：

Hej 我在将 AngularFire 添加到 app.component.ts 的构造函数时遇到问题。

我已经观看了 4 门与 AngularFire 相关的课程，每个人都将 AngularFire 添加到 app.component.ts 的构造函数中。

我的代码是这样的：

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent {
  title = 'Test App';


  constructor(private af: AngularFire){

  }
}

VisualCode 告诉我他不知道什么是 AngularFire。但即使我尝试从 angularfire2 添加导入，我也只能访问 AngularFireModule

我忘记安装某些东西或可能是什么问题？是的，我使用了 npm install angularfire --save

【问题讨论】：

stackoverflow.com/questions/43777706/… 的可能重复项
您可以尝试按照以下步骤操作：linkedin.com/pulse/… 将 Firebase 与 Angular 一起使用。（免责声明：我写了这个）
/angularfire2/index has no exported member 'AngularFire'的可能重复

标签： angular angularfire2

【解决方案1】：

你做错了。我认为您正在安装 angularjs 版本。用这个

npm install firebase angularfire2 --save

然后在你的组件中导入它

import { AngularFirestore } from 'angularfire2/firestore';

你的构造函数应该是这样的

constructor(db: AngularFirestore) {

}

这里https://github.com/angular/angularfire2

【讨论】：

【解决方案2】：

由于您使用的是 Angularfire，因此 AngularFire 5.0 上没有导出成员 AngularFire。

 constructor(afDb: AngularFireDatabase) {
  afDb.list<Item>('items').valueChanges().subscribe(console.log);
}
The same concepts apply to FirebaseObjectObservable to AngularFireObject

见5.0 migration guide

【讨论】：