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

Question

I'm using AngularFire2 version 2.0.0-beta.6

I wrote a database.service with AngularFire injection (see extract database service code).

It's ok for my usage.

But now I'd like to integrate usage of Firebase storage() API. But I can't Inject FirebaseApp in constructor's service as I use in component like this:

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

Extract of database service:

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

@Injectable()
export class DatabaseService {

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

}

Some help, please. Laurent

Answer 1

Basically, you just need to initialize the AngularFireModule in your Angular module

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

and then all the you can inject directly all the sub services, like AngularFireAuth or AngularFireStorage :

@Injectable()
export class DatabaseService {

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

}

I hope that helps