如何在 Angular2 服务中注入 FirebaseApp 以将 firebase.storage() 与 AngularFire2 一起使用

Question

我正在使用 AngularFire2 版本 2.0.0-beta.6

我用 AngularFire 注入写了一个database.service （见提取数据库服务代码）。

我的使用没问题。

但是现在我想集成 Firebase storage() API 的用法。但是我不能在构造函数的服务中注入 FirebaseApp，因为我在这样的组件中使用：

constructor( @Inject(FirebaseApp) private firebaseApp: any) {}

数据库服务提取：

import { Injectable } from '@angular/core';
import { AngularFire, FirebaseApp, FirebaseListObservable } from 'angularfire2';

@Injectable()
export class DatabaseService {

  constructor(private af: AngularFire) {
    this.init();
  }
... some service function

}

请帮忙。 洛朗

Answer 1

基本上，您只需要在 Angular 模块中初始化AngularFireModule

imports: [
  ...
    AngularFireModule.initializeApp(environment.firebaseApp),
  ...
]

然后你可以直接注入所有子服务，比如AngularFireAuth或AngularFireStorage ：

@Injectable()
export class DatabaseService {

  constructor(private storage: AngularFireStorage) {
    ...
  }
... the rest of your code

}

我希望这有帮助